Writes modern, performant, maintainable CSS — using design tokens, modern layout primitives (Grid, Flexbox, Container Queries), and respecting the cascade. Use when authoring or modifying styles — tokens.css, components.css, per-template styling, RN…
Writes semantic, accessible, performance-aware HTML (and Jinja templates on Flask). Use when authoring or modifying any markup — Jinja templates, raw HTML, JSX/TSX structure, partials. Use when the page needs to be a11y-correct (proper landmarks, headings,…
Writes modern, performant, accessible JavaScript — vanilla JS for Flask static templates, TypeScript for RN, with proper event handling, no jQuery, no framework-cargo-culting. Use when adding interactivity to a Jinja template, writing an RN component's logic,…
Renders a Jinja template from a Flask project in `web-apps/<slug>/` using fixture demo data and opens the result in Chrome. Use when the user wants to see what a page or template will look like without spinning up the full dev server. Triggers on "preview…
Exports any markdown artifact in this workspace (MVP brief, validation report, design brief, scan/trend report, etc.) to PDF or DOCX via pandoc, dropping the output in `generated/<category>/` with a date-stamped name. Use when the user asks to "export this as…