Framework evolution mode — evolves the QA boilerplate itself (KATA, fixtures, cli/, scripts/, api/schemas/ pipeline, package.json deps).
Use when building or reviewing Micronaut applications — Micronaut.run bootstrap, @Singleton/@Prototype, @Factory beans, @ConfigurationProperties, environments, @Requires — from…
Accessibility patterns for React/Next.js — semantic HTML, ARIA, form labeling, keyboard navigation, focus management, screen reader support. WCAG 2.2 AA compliance.
Analyze React/Next.js components to extract typography, colors, layout, fonts, spacing systems, and design tokens.
Full frontend quality audit for Stylefinden. Runs frontend-tester to detect all issues (TypeScript, design system, routes, metadata, accessibility), then runs frontend-fixer to…
Frontend best practices — TypeScript, React/Vue/Svelte, CSS, accessibility, testing. Use when writing, reviewing, or discussing frontend code.
Expert frontend development guidance covering React, Vue, Angular, TypeScript, state management, component architecture, performance optimization, accessibility, testing, and…
Color palette and theme generation from brand colors. Use when setting up project theming, creating shadcn/Tailwind color schemes, checking WCAG accessibility contrast, or…
Use when: auditing Next.js 16.2 components in VorstersNV for data-testid attributes, Server vs Client component decisions, TypeScript strict compliance, Tailwind CSS usage, or…
Coding conventions, architecture patterns, and testing rules for the SkillHub React frontend. Ensures agents follow Feature-Sliced Design and use the generated OpenAPI types.
Use when frontend work needs an explicit UI, interaction, accessibility, and responsive design contract before implementation
Set an ECC-specific frontend design direction for production UI work. Use when building or improving websites, dashboards, applications, components, landing pages, visual tools,…
Conducts comprehensive frontend design reviews covering UI/UX design quality, design system validation, accessibility compliance, responsive design patterns, component library…
Use when generating React/TypeScript UI components, forms, layouts, or pages - prevents generic AI aesthetic, enforces accessibility, semantic HTML, theme compliance, minimum text…
Terminal UI patterns: display.js visual system, Chalk styling, Ora spinners, Inquirer prompts, and CLI output conventions for worclaude
Systematic approach to building consistent, maintainable frontend UI components with design systems and component libraries
Opinionated frontend development standards for modern React + TypeScript applications. Covers Suspense-first data fetching, lazy loading, feature-based architecture, MUI v7…
Design systems, component libraries, responsive UI/UX, accessibility. Build premium interfaces that enterprise clients expect.
Create premium frontend interfaces with modern design systems. Forces generation of design.md for consistency, follows 2026 trends, ensures accessibility, an...
Build or improve frontend pages, apps, landing pages, pitch pages, redesigns, dashboards, and prototypes with strong hierarchy, responsive layout, real visual assets, ergonomic…
Enforce a high-quality, production-ready standard for changes in this Next.js + Chakra UI frontend repo.
Interactive multi-level skill for scaffolding frontend projects from source. Use when user wants to: (1) Create a new frontend project (web, mobile, desktop, or cross-platform)…
Use when implemented frontend work needs a visual, accessibility, responsiveness, performance, and interaction audit
Color-system specialist — OKLCH, tinted neutrals, contrast, palette construction, dark/light theme selection by use context, status colors, accessibility.
Holistic design critique — NOT a code review. Judges aesthetic coherence, composition, hierarchy, intentionality. "Does this feel designed or generated?
Design or implement production-ready frontend UI components and screens with strong visual direction, layout rhythm, spacing hierarchy, accessibility, and reusable structure.
Use when building or refactoring functional React/Vite/Tailwind UI pages, templates, or component libraries that need consistent structure, tokenized styling, accessibility…
Creates comprehensive frontend UI/UX designs including user interfaces, design systems, component libraries, responsive layouts, and accessibility implementations.
A designer-turned-developer who crafts stunning UI/UX even without design mockups. Code may be a bit messy, but the visual output is always fire.
Create distinctive frontend interfaces with faux-ASCII aesthetic, warm dark palettes, and expressive motion.
Shared reference for the frontend-web cluster: the rendering-model decision (CSR / SSR / RSC / static) that sets the hydration boundary, plus the conventions every spoke shares —…
Route a web-UI task to the right skill among 18 frontend specialists — framework choice (React/Next, Vue/Nuxt, Angular), build tooling (Vite, Turbopack, Bun), motion,…
Architektur eines StaRUG-konformen Frühwarnsystems mit 24-Monats-Horizont: IDW S 6 und IDW PS 340 n.F., Risiko-Inventar, KPI-Kaskade, Eskalationsstufen, Reporting-Frequenzen,…
Feature-Sliced Design (FSD) v2.1 공식 문서를 Progressive Disclosure 방식으로 제공하는 지식 스킬. 레이어/슬라이스/세그먼트, Public API, cross-imports, v2.0→v2.1 pages-first 마이그레이션, Next.js·NuxtJS·React…
Orchestrates a complete sprint cycle autonomously. Each phase runs as a separate claude -p session for context isolation.
풀스택 워크플로우를 시작합니다. 계획 수립(prd.md + task.md) -> Agent 분담 실행 -> 코드 리뷰 -> 완료 순서로 체계적인 개발을 진행합니다. "풀스택 워크플로우", "/fullstack-workflow", "풀스택으로" 등의 명령으로 활성화됩니다.
Mehrjahresstrategie Forschungszulage: BSFZ-Bescheinigung für mehrjährige Vorhaben, jährliche Aktualisierung der Stundenaufzeichnung und Projektakte, Folgeanträge knapp halten,…
Own and manage all feature data — FEATURES.md index, features/ individual files, staging lifecycle (staging→specced→committed→shipped), harvest source collection, and feature…
Audit game projects for accessibility across visual (colorblind modes, contrast, font scaling, photosensitivity), audio (subtitles, captions, visual sound indicators, mono audio),…
Builds a game component from the MVP plan — production TypeScript + Vitest tests + mock dependencies + build registry tracking.
Adds a new feature to an existing MVP plan — scoped architect interview, scope validation against original plan, and integration into the build sequence.
Breaks down high-level game ideas into technical specifications and a feature roadmap.
2048-lite. 4x4 grid slide puzzle. WASD/Arrow keys to slide tiles, same-number tiles merge into 2x. Built as the FOURTH framework-test in 3 minutes 46 seconds, confirming the…
Suika Game-lite 2D physics merge prototype. Built end-to-end via game-dev-agent CLI as the empirical validation of the multi-agent framework's "faster on the next prototype" claim.
Vampire-Survivors-lite. WASD survivor with auto-aim, escalating-rate enemy waves, projectile damage, XP gem pickup.
Execute approved sprint plans for Stapledons Voyage using AILANG. ALL game logic must be AILANG - engine is rendering only.
Design, implement, and review game user interfaces. Use when Codex is asked to create or improve HUDs, menus, overlays, inventory screens, ability bars, dialogue UI, controller…
A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage. Frame 1: cover / poster, Frame 2: today's quests with XP ribbons and a level bar, Frame…
Use when creating PRDs or PRPs to populate the Gotchas/Prior Failures section. Reads learning files from memory/learnings and matches entries based on file paths, keywords, or…
Use when positioning a Global Change Biology (GCB) manuscript in the literature so it reads as a global-change advance, not a local report.
Game Design Document creation and structure. Use when no GDD exists in the project, starting a new game project, major feature requires design documentation, GDD needs updating…
Guides conversion of gap analysis findings into phased implementation plans with milestones and risk-based prioritisation.
Use when positioning a game-theory manuscript against the existing literature for Games and Economic Behavior (GEB) — staking what is new relative to known solution concepts,…
Use when positioning a Global Environmental Change (GEC) manuscript against the relevant literatures.
Use when delegating coding tasks to Gemini CLI agent, when you need parallel AI execution, or when tasks benefit from Gemini's 1M+ context window - orchestrates Gemini via tmux…
Visual and front-end development assistant powered by Google Gemini 3. Use for UI analysis, design comparison, accessibility audits, color palette extraction, screenshot-to-code…
Generates a project charter from brief, stakeholder answers, and constraints. The charter is the first artifact of the Initiation phase.
Generates a communication plan from project charter, project plan, and stakeholder data. Includes stakeholder matrix (influence/interest), communication matrix, and escalation…
Translate product intent or a PRD into a small set of outcome-driven Epics (3–7 max). Activate when starting a new product, adding a significant feature domain, or breaking down a…
Generates features_spec.txt files for use with auto-code extension mode. Analyzes existing codebase and creates structured feature specifications based on user requirements.