design▌

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

Apple's design principles for creating fluid, gesture-driven interfaces on the web.

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,

Web Design Guidelines \n Modern web design principles for responsive layouts, accessibility, and visual hierarchy. \n When to Use \n \n Creating polished web interfaces \n Improving accessibility \n Responsive design patterns \n Visual hierarchy decisions \n \n Source \n This skill references patterns from Vercel's agent-skills .

Design production UIs in Pencil and generate clean code from design files. \n \n Enforces design system reuse, variable-driven styling, and layout correctness to prevent inconsistent, unmaintainable designs \n Supports design-to-code workflows for React, Next.js, Vue, Svelte, and HTML/CSS with Tailwind v4 semantic classes and shadcn/ui component mapping \n Requires visual verification after each section via screenshots and layout snapshots to catch overflow, alignment, and spacing issues before

$22

Native iOS interface design aligned with Apple's Human Interface Guidelines and platform conventions. \n \n Covers eight core design areas: layout and safe areas, typography with Dynamic Type, semantic colors and Dark Mode, native navigation patterns, system controls, accessibility (VoiceOver, contrast, touch targets), SF Symbols, and standard gestures with haptic feedback \n Includes scoring framework (0-10) for auditing iOS interface adherence, common mistakes table, and quick diagnostic check

RESTful API design guidance covering resource modeling, HTTP methods, status codes, versioning, and documentation. \n \n Covers resource naming conventions, HTTP method usage, query parameters, response formats, and status code selection with clear do's and don'ts \n Includes reference guides for OpenAPI documentation, request/response examples, API versioning, authentication, rate limiting, and a complete Express.js implementation example \n Emphasizes consistency through plural resource names,

Transform and visualize interior spaces using each::sense. This skill takes photos of existing rooms and generates redesigned versions with different styles, furniture, colors, and layouts.