Rule Frontend

Semantic HTML

Use semantic HTML elements for structure and accessibility

frontendhtmlaccessibility
CLAUDE.md

Use semantic HTML elements: <nav>, <main>, <article>, <section>, <aside>, <header>, <footer>. They convey meaning to screen readers and search engines that <div> cannot.

Copy this block into your CLAUDE.md or agent config file to enforce it in your workflow.

get crystl