Page Title

--- name: html-coder description: '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.' collaborators: - make-skill-template - finalize-agent-prompt --- # 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 ## Core Capabilities - **Semantic HTML**: Document structure, content sections, accessibility-first markup - **Forms**: All input types, validation attributes, fieldsets, labels - **Media**: Responsive images, audio/video, Canvas, SVG - **HTML5 APIs**: Web Storage, Geolocation, Drag & Drop, Web Workers - **Accessibility**: ARIA, screen reader support, WCAG compliance ## Essential References Core documentation for HTML experts: - [`references/add-css-style.md`](references/add-css-style.md) - Add CSS via `link` tag, inline, or embedded in html - [`references/add-javascript.md`](references/add-javascript.md) - Add JavaScript via `script src="link.js"` tag, inline `script`, or embedded in html - [`references/attributes.md`](references/attributes.md) - HTML attribute essentials - [`references/essentials.md`](references/essentials.md) - Semantic markup, validation, responsive techniques - [`references/global-attributes.md`](references/global-attributes.md) - Complete global attribute information - [`references/glossary.md`](references/glossary.md) - Complete HTML element and attribute reference - [`references/standards.md`](references/standards.md) - HTML5 specifications and standards ## Best Practices **Semantic HTML** - Use elements that convey meaning: `

`, `

HTML Coder

Description

Latest Changes

Install HTML Coder with One Click