Skills Directory

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components

Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX"

Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE - generate ONE

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards - s

The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 expe

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores u

Invoke before any creative or architectural work - feature design, component creation, or behavioral changes. A streamlined brainstorming pr

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make softw

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component librarie

Plan the UX and UI for a feature before writing code. Runs a structured discovery interview, then produces a design brief that guides implem

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing an

Extract any website's design system into an agent-ready DESIGN.md using Firecrawl scrape evidence. Use when the user wants colors, fonts, sp

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context,

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, ty

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards - s

Produces distinctive, production-grade UI for pages, components, visual interfaces, typography, and screenshot-driven polish. Use when users

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing Swi

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when bu

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native app

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design toke

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API route