frontend▌

Audit UI code against Web Interface Guidelines with live rule fetching. \n \n Fetches the latest guidelines from a remote source before each review, ensuring compliance checks stay current \n Accepts file paths or patterns as arguments; prompts for input if none provided \n Outputs findings in concise file:line format for quick scanning and remediation \n Covers accessibility, design patterns, and best practices as defined in the fetched ruleset \n

Production-ready SQL and NoSQL schemas with normalization, indexing, and migration strategies built in. \n \n Generates complete schemas from natural language descriptions, covering entities, relationships, constraints, and indexes tailored to SQL or NoSQL databases \n Provides normalization guidance (1NF through 3NF), foreign key strategies with ON DELETE rules, and composite index planning based on access patterns \n Includes anti-patterns reference (FLOAT for money, missing FK indexes, non-re

Production-ready React UI components with TailwindCSS, Radix UI, and shadcn/ui. \n \n Three-layer architecture combining Tailwind utilities, Radix primitives, and shadcn/ui components for accessible, customizable interfaces \n Comprehensive review and audit capabilities covering accessibility (WCAG AA/AAA), performance, responsive design, and design system consistency \n Design token system with three-tier structure (primitive, semantic, component) using OKLCH color space and CSS variables for t

Discipline-enforcing skill for building layouts that respond to available space rather than device assumptions. Covers tool selection, size class limitations, iOS 26 free-form windows, and common anti-patterns.

Transform functional UI into visually stunning interfaces without design mockups. \n \n Specializes in visual enhancement, micro-interactions, and creative styling using modern CSS, Tailwind, and animation libraries like Framer Motion \n Covers color theory, typography hierarchy, spacing systems, and accessibility standards (WCAG AA contrast, keyboard navigation, reduced-motion support) \n Includes reusable patterns for glassmorphism cards, skeleton loaders, and common UI components with product

Create visually-driven design artifacts from philosophical aesthetic movements, expressed as pristine PDF or PNG artworks. \n \n Generates custom design philosophies (aesthetic movements articulated through form, space, color, and composition) as markdown foundations \n Expresses philosophies visually through museum-quality single or multi-page PDF/PNG compositions with minimal, integrated text \n Embeds subtle conceptual references invisibly into abstract compositions, rewarding deeper viewing

React composition patterns for scaling components and avoiding boolean prop proliferation. \n \n Covers four priority categories: component architecture, state management, implementation patterns, and React 19 APIs, each with specific rules and code examples \n Includes 10+ named patterns addressing compound components, context providers, state lifting, and explicit variants \n Designed for refactoring bloated components, building reusable libraries, and reviewing component architecture decision

Use this skill when you need to build an app from source and prepare it for upload to App Store Connect.

Transform learning content into concrete, shippable implementation cycles using the Ship-Learn-Next framework. \n \n Converts passive content (transcripts, articles, tutorials) into actionable rep-based plans with specific weekly goals and success criteria \n Structures learning as repeating cycles: Ship (create something real), Learn (reflect honestly), Next (iterate based on insights) \n Emphasizes doing over studying—each rep produces a tangible artifact and builds one new skill, designed to

Comprehensive Vue 3 debugging reference covering reactivity, components, templates, lifecycle, SSR, and 100+ common runtime issues. \n \n Organized by feature area (reactivity, computed, watchers, components, templates, forms, lifecycle, SSR, TypeScript, animations, and more) with direct links to specific error scenarios and fixes \n Covers Vue 3 specific gotchas including ref unwrapping, proxy identity hazards, v-model IME composition, template ref timing, and hydration mismatches \n Addresses