Search: "design system"
Showing 24 of 24 results
Design System
Build design systems with tokens, components, and documentation that scale across teams and products.
Tailwind Design System
Build scalable, themable Tailwind CSS component libraries using CVA for variants, compound components, design tokens, dark mode, and responsive grids.
Ui Design System
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Design System Creation
Complete workflow for creating distinctive design systems from scratch. Orchestrates aesthetic documentation, token architecture, components, and motion. Use when starting a new design system or refactoring an existing one. Triggers on create design system, design tokens, design system setup, visual identity, theming.
Design System Patterns
Foundational design system architecture — token hierarchies, theming infrastructure, token pipelines, and governance. Use when creating design tokens, implementing theme switching, setting up Style Dictionary, or establishing multi-brand theming. Triggers on design tokens, theme provider, Style Dictionary, token pipeline, multi-brand theming, CSS custom properties architecture.
Design System Components
Patterns for building design system components using Surface primitives, CVA variants, and consistent styling. Use when building reusable UI components that follow design token architecture. Triggers on Surface component, CVA, class-variance-authority, component variants, design tokens.
Minimalist Design System
专家级前端架构师与UI/UX设计系统集成指南。极简现代主义设计系统，帮助将精密设计系统无缝集成到现有代码库。适用于：前端组件开发、UI设计实现、设计令牌配置、Tailwind CSS定制、响应式布局、动效设计、无障碍优化。触发场景：用户需要实现极简现代风格UI、配置设计令牌、创建组件库、优化视觉一致性。
system-design-solver2
系统设计面试教练（System Design Interview Coach）。当用户想要练习系统设计面试、请求设计某个系统、或希望模拟面试流程时，立即使用此 skill。适用场景包括：用户说"帮我练习系统设计"、"我要设计 XX 系统"、"帮我准备系统设计面试"、"模拟一道系统设计题"、"system desi...
System Design
Deep system design workflow—requirements, capacity, APIs, data, consistency, failure modes, trade-offs, and evolution. Use when preparing interviews, RFCs, g...
Extract Design System
Extract design primitives from a public website and generate starter token files for your project.
Skylv System Design
系统设计架构师。提供 20+ 种经典架构模式（电商/社交/直播/支付），包含架构图、技术选型、扩展性设计。Triggers: system design, architecture design, scalable system, distributed system, 系统设计.
Referral System Design
Design an active referral system for a small business. Use this skill when you want to get more referrals, build a referral system, stop relying on word of m...
Design System Builder
Comprehensive guide for building enterprise-grade component libraries and design systems from scratch. Use this skill when a frontend engineer needs to: (1)...
Kadence Theme Design System
Use Kadence Theme as a design system for WordPress delivery. Covers design tokens, layout system, header/footer/navigation setup, page/archive/single templat...
UI Design System
Senior product designer methodology ensuring thorough user research, structured architecture, accessible color and typography systems, and pixel-perfect UI e...
Distinctive Design Systems
Patterns for creating design systems with personality and distinctive aesthetics. Covers aesthetic documentation, color token architecture, typography systems, layered surfaces, and motion. Use when building design systems that go beyond generic templates. Triggers on design system, design tokens, aesthetic, color palette, typography, CSS variables, tailwind config.
Financial Design Systems
Patterns for building dark-themed financial charts and data visualizations. Covers chart theming, color scales for gains/losses, and real-time data display. Use when building trading dashboards or financial analytics. Triggers on chart theme, data visualization, financial chart, dark theme, gains losses, trading UI.
Design Systems
Deep design systems workflow—tokens, components, accessibility, documentation, governance, and adoption. Use when scaling UI consistency across teams or evol...
为 Vibe coding 应用提供专业级站点设计的终极解决方案
像素级完美设计系统 - 为 Vibe coding 应用提供专业级站点设计。支持中英文双语站点，58 个顶级产品设计模板，9 部分完整设计规范，AI 可读 Markdown 格式，开箱即用无需 Figma。
为 Vibe coding 应用提供专业级站点设计的终极解决方案
像素级完美设计系统 - 为 Vibe coding 应用提供专业级站点设计。支持中英文双语站点，58 个顶级产品设计模板，9 部分完整设计规范，AI 可读 Markdown 格式，开箱即用无需 Figma。
Game Design Systematizing Empathizing Audit
Evaluate a game, feature, system, UX flow, progression loop, live-ops mechanic, monetization surface, or design concept on two axes: systematizing and empath...
Customer Experience Systems Design
Design and document the four core business systems (Marketing, Sales, Fulfillment, Administration) and create memorable customer experiences through experien...
Animated Financial Display Design System
Patterns for animating financial numbers with spring physics, formatting, and visual feedback. Covers animated counters, price tickers, percentage changes, and value flash effects. Use when building financial dashboards or trading UIs. Triggers on animated number, price animation, financial display, number formatting, spring animation, value ticker.
DESIGN.md Design System Validator
Validate, diff, and export DESIGN.md files to ensure consistent design tokens, WCAG compliance, and design system integrity across projects.