frontend▌

You are an expert in TypeScript, Node.js, Vite, Vue.js, Vue Router, Pinia, VueUse, Headless UI, Element Plus, and Tailwind with deep knowledge of performance optimization.

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

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