mjcramerz/frontend

Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.

Build semantic, accessible HTML documents and static templates with standards-compliant structure, predictable form behavior, and ARIA-aware markup. Use when the user asks for plain HTML pages, accessibility audits, or static frontend templates without a JavaScript framework runtime.

Build server-driven HTMX interfaces with progressive enhancement, explicit fragment contracts, and minimal custom JavaScript. Use when the user asks for HTMX flows, partial swaps, or hypermedia-style frontend behavior.

Build and troubleshoot Next.js applications with app router boundaries, SSR/ISR behavior, and server/client separation. Use when the user asks for full-stack React framework behavior, route handlers, middleware, or deployment-aware Next.js runtime decisions.

Build and maintain Nuxt applications with explicit runtime configuration, rendering-mode decisions, and deployment-safe defaults. Use when the user asks for Nuxt-specific work, including Vue full-stack app structure, Nitro routes, and SSR/SSG behavior.

Use this skill for build, refactor, and review React component systems, hooks, and client-side UI architecture with performance-aware rendering and predictable state boundaries. Use when the user asks for React logic without requiring Next.js/Nuxt/SvelteKit routing ownership or framework-specific server runtime behavior.

Build and maintain SvelteKit applications with clear route/load boundaries, adapter setup, and runtime configuration. Use when the user asks for SvelteKit-specific routing, form actions, or server/client integration tasks.

Build Vue applications with Composition API patterns, state-flow discipline, and reusable component boundaries. Use when the user asks for Vue component logic, composables, and client-side architecture outside Nuxt-specific SSR/runtime concerns.