HTML Patterns Skill

This skill provides reusable patterns for common page types and content blocks. Patterns combine semantic HTML with custom elements to create consistent, accessible structures.

Philosophy

Pages are composed of blocks - reusable content patterns that appear across many pages. By defining custom elements for these blocks, we:

1. Communicate intent - <faq-question> is clearer than <dt class="faq-q">
2. Enable styling - Custom elements can be styled with CSS
3. Support tooling - Validators can enforce correct usage
4. Document structure - The markup is self-documenting

Available Patterns