28 个 · 按相关度排序
Build HTML/CSS pages using visual specifications from 54 established websites, including Stripe, Linear, and Vercel. Templates provide colors, typography, spacing, component styles, and layouts that adapt to different screen sizes.
中文简介正在准备中。当前显示英语简介。
Turn research reports or internal reviews into a self-contained HTML slide deck. Paper-colored pages, ink-blue dividers, and serif typography organize findings and metrics, while keyboard, wheel, and touch navigation support presentation and browsing.
中文简介正在准备中。当前显示英语简介。
Refine AI-generated web interfaces by improving colors, spacing, typography, and action priorities while preserving existing behavior. Uses four visual styles and a seven-part review to check usability, interaction feedback, accessibility, and mobile layouts.
中文简介正在准备中。当前显示英语简介。
Critique a rendered screen's colour — contrast ratios, palette coherence, and semantic meaning. Use when reviewing one screen. For a product-wide WCAG audit use `accessibility-audit` (design-systems); for building the palette use `color-system` (ui-design).
中文简介正在准备中。当前显示原文说明。
Define an illustration style guide — visual language, colour usage, and application rules. Use when commissioning or standardising illustration. For icons, use `icon-system` (design-systems).
中文简介正在准备中。当前显示原文说明。
Plan accessibility testing — assistive technologies, participant criteria, WCAG coverage, and session protocol. Use when scheduling testing with real AT users. Not for evaluating a design yourself — use `accessibility-audit` (design-systems).
中文简介正在准备中。当前显示原文说明。
Build a product colour system — tonal scales, semantic roles, and contrast compliance. Use when defining or rebuilding colour from scratch. For dark-mode adaptation use `dark-mode-design`; for chart palettes use `data-visualization`; for multi-brand token architecture use `theming-system` (design-systems).
中文简介正在准备中。当前显示原文说明。
Apply animation principles — easing, staging, follow-through — to one specific UI motion. Use when tuning how an animation feels. For product-wide duration and easing tokens use `motion-system` (design-systems); for a full interaction spec use `micro-interaction-spec`.
中文简介正在准备中。当前显示原文说明。
Write the implementation handoff — measurements, behaviours, assets, states, and edge cases. Use when engineering picks up the work. For verifying the result afterwards use `design-qa-checklist`; for reusable library components use `component-spec` (design-systems).
中文简介正在准备中。当前显示原文说明。
Define version control for design files, components, and libraries — branching, naming, and release. Use when file history is chaotic. For design system contribution rules, use `design-system-governance` (design-systems).
中文简介正在准备中。当前显示原文说明。
Inventory and prioritise accumulated design inconsistencies across a product. Use when drift has built up over time. For token coverage specifically use `design-token-audit` (designer-toolkit); for WCAG gaps use `accessibility-audit` (design-systems).
中文简介正在准备中。当前显示原文说明。
Audit token usage across a product for coverage, drift, and hard-coded values. Use when tokens exist and you suspect they are being bypassed. For defining tokens in the first place, use `design-token` (design-systems).
中文简介正在准备中。当前显示原文说明。
Create adoption strategy and enablement materials to drive design system usage. Use when the system exists but teams ignore it. For contribution and versioning rules, use `design-system-governance` (design-systems).
中文简介正在准备中。当前显示原文说明。
Design systems leadership across component libraries, design tokens, and design-dev collaboration. Use when architecting a token system, building a component library, defining governance, or generating cross-platform tokens.
中文简介正在准备中。当前显示原文说明。
Product design across UI/UX, design systems, prototyping, and user research. Use when creating user journey maps, building wireframes, defining design tokens and component systems, planning usability tests, or establishing design principles.
中文简介正在准备中。当前显示原文说明。
Autonomous Principal Design Technologist. Cures vibe-coded software from AI frontend slop using curated token archetypes and 7-axis quality gating.
中文简介正在准备中。当前显示原文说明。
World-class design systems architecture - tokens, components, documentation, and governance. Design systems create the shared language between design and engineering that makes products feel cohesive at any scale. Use when "design system, component library, design tokens, atomic design, style guide, theme, theming, design scale, component api, variant, figma tokens, style dictionary, design-system, tokens, components, theming, documentation, figma, accessibility, versioning" mentioned.
中文简介正在准备中。当前显示原文说明。
Lists all Stitch Design Systems, optionally filtered by project. Returns asset names needed for apply and update operations.
中文简介正在准备中。当前显示原文说明。
Design system lookup, CSS best practices, and AI-driven UI component generation via MCP tools
中文简介正在准备中。当前显示原文说明。
Build and govern scalable design systems with tokens, components, documentation, and adoption strategy.
中文简介正在准备中。当前显示原文说明。
Creates comprehensive documentation for design systems - token tables, usage guidelines, component examples, and accessibility notes. Use after generating tokens to create developer-friendly docs.
中文简介正在准备中。当前显示原文说明。
54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.
中文简介正在准备中。当前显示原文说明。
54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.
中文简介正在准备中。当前显示原文说明。
Design de produto nivel Apple — sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff. Cobre Figma, design systems, tipografia, cor, espacamento, motion design e principios de design cognitivo.
中文简介正在准备中。当前显示原文说明。