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).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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`.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.