design▌

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

This skill generates DESIGN.md files optimized for Google Stitch screen generation. It translates the battle-tested anti-slop frontend engineering directives into Stitch's native semantic design language — descriptive, natural-language rules paired with precise values that Stitch's AI agent can interpret to produce premium, non-generic interfaces.

Generate stunning, professional poster designs using each::sense. This skill creates high-quality poster artwork for movies, events, products, travel, sports, social causes, and various creative applications.

Cross-platform mobile app development with Expo Router, NativeWind, and React Native. \n \n Provides navigation patterns using Expo Router for structured, file-based routing in mobile apps \n Includes styling guidance with NativeWind and Tailwind CSS for consistent, utility-first design across platforms \n Covers native UI components including tabs and animation patterns for polished mobile experiences \n Built on React and TypeScript for type-safe, maintainable code \n

Build distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. \n \n Guides design thinking through purpose, tone, and differentiation before implementation, emphasizing bold aesthetic direction over generic defaults \n Covers five core design areas: typography (distinctive font pairing), color and theming (CSS variables, dominant colors with sharp accents), motion (CSS animations, scroll triggers, staggered reveals), spatial composition (asymmetry, overlap, grid-break

Philosophy: Touch-first. Battery-conscious. Platform-respectful. Offline-capable. Core Principle: Mobile is NOT a small desktop. THINK mobile constraints, ASK platform choice.

Comprehensive decision guide for Ant Design 6.x, Pro 5, ProComponents, and Ant Design X v2 integration. \n \n Covers component selection, theming with tokens, SSR setup, accessibility, performance optimization, and routing/access patterns across all three libraries \n Includes mandatory rules for API usage, official documentation mapping, and provider configuration (ConfigProvider for CSR, StyleProvider for SSR) \n Provides regression checklist covering ConfigProvider setup, token-first theming,

Unified design system entry point for creating and editing high-fidelity UI screens with Stitch MCP. \n \n Transforms rough design ideas into structured prompts using professional UI/UX terminology and design system context \n Synthesizes existing Stitch projects into .stitch/DESIGN.md \"source of truth\" documents for consistency across screens \n Routes requests intelligently between text-to-design generation, screen editing, and design system documentation workflows \n Automatically manages a

Distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through intentional design choices. \n \n Requires confirmed design context (target audience, use cases, brand personality) before implementation; includes teach-impeccable skill integration for gathering missing context \n Covers five core design areas: typography, color and theming, layout and spacing, visual details, and motion with specific anti-patterns to avoid \n Emphasizes bold aesthetic directions (brutal

A specialized skill for creating and maintaining DESIGN.md files for consistent UI generation by AI agents.