gabeujin/create-web-form
awesome/skills/create-web-form/SKILL.md
Create robust, accessible web forms with best practices for HTML structure, CSS styling, JavaScript interactivity, form validation, and server-side processing. Use when asked to "create a form", "build a web form", "add a contact form", "make a signup form", or when building any HTML form with data handling. Covers PHP and Python backends, MySQL database integration, REST APIs, XML data exchange, accessibility (ARIA), and progressive web apps.
development
Updated Apr 27, 2026
$ install --global
skillsauthnpx skillsauth add gabeujin/workspace-init-mcp create-web-formInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 8:12 PM369.5s22 files scanned
SKILL.md
- name:
- create-web-form
- description:
- Create robust, accessible web forms with best practices for HTML structure, CSS styling, JavaScript interactivity, form validation, and server-side processing. Use when asked to "create a form", "build a web form", "add a contact form", "make a signup form", or when building any HTML form with data handling. Covers PHP and Python backends, MySQL database integration, REST APIs, XML data exchange, accessibility (ARIA), and progressive web apps.
Create Web Form Skill
Overview
This skill provides comprehensive reference materials and best practices for creating web forms. It covers HTML syntax, UI/UX design, form validation, server-side processing (PHP and Python), data handling, and network communication.
Purpose
Enable developers to build robust, accessible, and user-friendly web forms by providing:
- HTML form syntax and structure
- CSS styling techniques for form elements
- JavaScript for form interactivity and validation
- Accessibility best practices
- Server-side form processing with PHP and Python
- Database integration methods
- Network data handling and security
- Performance optimization
Reference Files
This skill includes the following reference documentation:
UI & Styling
styling-web-forms.md- Form styling techniques and best practicescss-styling.md- Comprehensive CSS reference for form styling
User Experience
accessibility.md- Web accessibility guidelines for formsjavascript.md- JavaScript techniques for form functionalityform-controls.md- Native form controls and their usageprogressive-web-app.md- Progressive web app integration
HTML Structure
form-basics.md- Fundamental HTML form structurearia-form-role.md- ARIA roles for accessible formshtml-form-elements.md- Complete HTML form elements referencehtml-form-example.md- Practical HTML form examples
Server-Side Processing
form-data-handling.md- Network form data handlingphp-forms.md- PHP form processingphp-cookies.md- Cookie management in PHPphp-json.md- JSON handling in PHPphp-mysql-database.md- Database integration with PHPpython-contact-form.md- Python contact form implementationpython-flask.md- Flask forms tutorialpython-flask-app.md- Building Flask web applicationspython-as-web-framework.md- Python web framework basics
Data & Network
xml.md- XML data format referencehypertext-transfer-protocol.md- HTTP protocol referencesecurity.md- Web security best practicesweb-api.md- Web API integrationweb-performance.md- Performance optimization techniques
Usage
When creating a web form, consult the appropriate reference files based on your needs:
- Planning: Review
form-basics.mdandform-controls.md - Structure: Use
html-form-elements.mdandaria-form-role.md - Styling: Reference
styling-web-forms.mdandcss-styling.md - Interactivity: Apply techniques from
javascript.md - Accessibility: Follow guidelines in
accessibility.md - Server Processing: Choose between PHP or Python references
- Data Storage: Consult database and data format references
- Optimization: Review
web-performance.mdandsecurity.md
Best Practices
- Always validate input on both client and server sides
- Ensure forms are accessible to all users
- Use semantic HTML elements
- Implement proper error handling and user feedback
- Secure form data transmission with HTTPS
- Follow progressive enhancement principles
- Test forms across different browsers and devices
- Optimize for performance and user experience
Related Skills
gabeujin/write-coding-standards-from-file
documentation
VerifiedTrustedCommunity
Write a coding standards document for a project using the coding styles from the file(s) and/or folder(s) passed as arguments in the prompt.
SKILL.mdUpdated May 1, 2026
gabeujin/Workspace Reconcile Safety
testing
VerifiedTrustedCommunity
Safely upgrades legacy or older initialized workspaces to the latest managed harness structure with dry-run, backup, restore, and review discipline.
SKILL.mdUpdated May 1, 2026
gabeujin/workiq-copilot
tools
VerifiedTrustedCommunity
Guides the Copilot CLI on how to use the WorkIQ CLI/MCP server to query Microsoft 365 Copilot data (emails, meetings, docs, Teams, people) for live context, summaries, and recommendations.
SKILL.mdUpdated May 1, 2026
gabeujin/winapp-cli
tools
VerifiedTrustedCommunity
Windows App Development CLI (winapp) for building, packaging, and deploying Windows applications. Use when asked to initialize Windows app projects, create MSIX packages, generate AppxManifest.xml, manage development certificates, add package identity for debugging, sign packages, or access Windows SDK build tools. Supports .NET, C++, Electron, Rust, Tauri, and cross-platform frameworks targeting Windows.
SKILL.mdUpdated May 1, 2026