html-coder
Expert HTML development skill for building web pages, forms, and interactive content. Use when creating HTML documents, structuring web content, implementing semantic markup, adding forms and media, working with HTML5 APIs, or needing HTML templates, best practices, and accessibility guidance. Supports modern HTML5 standards and responsive design patterns.
Profile →npx skills add opensquilla/opensquilla --skill html-coder --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# HTML Coder Skill Expert skill for professional HTML development with focus on semantic markup, accessibility, HTML5 features, and standards-compliant web content. ## When to Use This Skill - Creating HTML documents with semantic structure - Building accessible forms with HTML5 validation - Implementing responsive markup and multimedia - Using HTML5 APIs (Canvas, SVG, Storage, Geolocation) - Troubleshooting validation or accessibility issues ## OpenSquilla Webpage Delivery For a new runnable webpage when workspace file-authoring tools are available: 1. Create a filesystem-safe, dedicated project subdirectory such as `webpage-<topic-slug>/`; never place a generated site directly in the workspace root. 2. Keep `index.html`, local CSS/JavaScript, and every local asset inside that project root, using browser-relative references. 3. Validate the finished project, then call `publish_artifact` exactly once with the entry file and the complete dedicated root: ```json { "path": "webpage-<topic-slug>/index.html", "mime": "text/html", "bundle": "directory", "bundle_root": "webpage-<topic-slug>" } ``` Do not bundle the entire workspace. When a caller explicitly requests source-only output, fo
- When to Use This Skill
- OpenSquilla Webpage Delivery
- Core Capabilities
- Essential References
- Best Practices
- Quick Patterns
- Semantic Page Structure
- Accessible Form
- Responsive Image
- Troubleshooting
- Key Standards
What does the html-coder skill do?
Expert HTML development skill for building web pages, forms, and interactive content. Use when creating HTML documents, structuring web content, implementing semantic markup, adding forms and media, working with HTML5 APIs, or needing HTML templates, best practices, and accessibility guidance. Supports modern HTML5 standards and responsive design patterns.
How do I install it?
Run `npx skills add opensquilla/opensquilla --skill html-coder --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From opensquilla/opensquilla, a repository with 6,515 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.