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

Templates and guidelines for writing company-standard internal communications across multiple formats. \n \n Covers seven communication types: 3P updates, company newsletters, FAQ responses, status reports, leadership updates, project updates, and incident reports \n Each format has a dedicated guideline file in the examples/ directory with specific instructions for tone, structure, and content \n Helps maintain consistency across internal communications by enforcing company-preferred formats an

Best practices and architectural patterns for Vue 3 and Nuxt 3 projects. \n \n Emphasizes core principles: predictable state with single source of truth, explicit data flow (props down, events up), and small focused components \n Requires Composition API with <script setup lang=\"ts\"> as the default, and mandates following referenced guides for reactivity, SFC structure, and data flow patterns \n Includes a tasks checklist covering core principles, reactivity best practices, component desi

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.

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

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

Establish design tokens, spacing systems, and color palettes for cohesive, accessible visual designs. \n \n Provides modular typography scale, 8-point spacing grid, semantic color tokens, and iconography system with CSS variable templates \n Includes WCAG contrast requirements (4.5:1 for body text, 3:1 for UI), dark mode implementation patterns, and font-pairing guidelines \n Covers responsive typography with clamp() , color accessibility checking, and vertical rhythm techniques for visual consi