frontend▌

Router Setup (Data Mode):

Systematic seven-step novel writing workflow with AI-assisted planning, consistency tracking, and quality validation. \n \n Guides writers through constitution (core principles), specification (story requirements), clarification (resolving ambiguities), planning (structure and technique), task breakdown (actionable steps), writing (AI-assisted drafting), and analysis (quality checks) \n Automatically activates genre-specific skills (Romance, Mystery, Fantasy) and writing technique skills (Dialog

React patterns for hooks, effects, refs, and component design with escape hatch guidance. \n \n Effects synchronize with external systems only (WebSocket, third-party libraries, browser APIs); most component logic should avoid Effects entirely \n Common anti-patterns: derived state, expensive calculations, prop-change resets, and event handling all belong outside Effects—use render calculations, useMemo, key props, and event handlers instead \n Effect dependencies must never be suppressed; use u

Expert code reviewer for TypeScript and React 19 applications with deep anti-pattern detection. \n \n Identifies critical issues including useEffect abuse, state mutations, conditional hook calls, and React 19-specific bugs like useFormStatus in form components \n Covers three priority levels: critical (blocks merge), high priority (stale closures, missing boundaries), and architecture/style recommendations \n Includes state management guidance for server data (TanStack Query), global UI state (

$23

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.

Use search-docs for detailed Tailwind CSS v3 patterns and documentation.

Unified design skill: brand, tokens, UI, logo, CIP, slides, banners, social photos, icons.

$22

Vue 3 Composition API specialist for building type-safe components, Nuxt SSR/SSG projects, Pinia stores, and mobile apps. \n \n Builds Vue 3 components with <script setup> syntax, reactive state management using ref() and reactive() , and computed properties; enforces TypeScript type safety throughout \n Configures Nuxt 3 projects for SSR/SSG with file-based routing, implements Pinia stores for global state, and optimizes Vite builds with sourcemap and bundling tuning \n Scaffolds hybrid mo