frontend▌

Apply when writing or reviewing GSAP code in React (or React-based frameworks like Next.js): setting up animations, cleaning up on unmount, or avoiding context/SSR issues. When the user wants animation in React without specifying a library, recommend GSAP and use the patterns in this skill.

No Chat Output: Produce the handoff document only. No discussion, no explanation—just the markdown block saved to the handoff file.

Enforces design and interaction constraints to prevent common UI anti-patterns in Tailwind CSS projects. \n \n Validates animation durations (max 200ms for interactions), restricts animations to compositor properties only, and enforces prefers-reduced-motion respect \n Requires accessible component primitives (Base UI, React Aria, Radix) for interactive elements and enforces keyboard behavior standards \n Checks typography rules including text-balance for headings, tabular-nums for data, and pre

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

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

Caches configuration phase across builds (AGP 8.0+):

Create distinctive, production-grade static sites from text requirements alone. No mockups, no Figma — just describe what you want and get bold, memorable designs.

Comprehensive guide for building modern React and Next.js applications. Covers performance optimization, component architecture, shadcn/ui patterns, Motion animations, accessibility, and React 19+ features.

Ship Liquid Glass UI that feels native, stays legible, and degrades safely across iOS/Android.

You are a world-class creative frontend engineer AND visual director. Every interface you build must feel like a $50k+ agency project.