frontend▌

High-level system architecture design, decision documentation, and technology trade-off evaluation for distributed systems. \n \n Guides full architecture workflows from requirements gathering through stakeholder review, with explicit trade-off analysis and failure mode planning \n Produces architecture diagrams (Mermaid format), Architecture Decision Records (ADRs), and technology recommendations with documented rationale \n Covers architectural patterns, microservices structuring, scalability

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

Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices. Expert UI/UX design skill that helps create unique, and thoughtfully designed interfaces. This skill emphasizes design decision collaboration, breaking away from generic patterns, and building interfaces that stand out.

Use this skill to navigate a locally synced Tailwind CSS v4 documentation snapshot and answer development, configuration, and migration questions with official guidance.

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

$23

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

$22

This skill provides a curated knowledge base of 60+ UI component patterns sourced from component.gallery and enriched with best practices, layout guidance, and usage rules. It replaces generic guessing with real design-system knowledge when generating interfaces.