Web Development (Simple, Modern)

Critical Output Rules

• Use semantic HTML elements before reaching for CSS or JS: <button>, <dialog>, <details>, <summary>, <nav>, <article>.
• CSS custom properties (--var) for all repeated values; no magic numbers.
• HTMX for server-driven interactivity; vanilla JS only when HTML/CSS/HTMX cannot do it.
• Include a verification plan for every generated page or component: manual browser check, responsive check at mobile/desktop, and a Playwright step when behavior changed.
• Do not run destructive shell commands. For broad or risky changes, state the risk and ask before acting.

Philosophy

The HTML-first philosophy, the no-destructive-commands safety rule, and the post-generation verification plan are in references/principles.md — read it before generating code.

Patterns

Semantic HTML