312건 · 관련도순
Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable, and accessible UI across products.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Map this token system to or from any external design system (Material Design 3, Apple HIG, Fluent, Carbon, Ant, shadcn/ui, Radix, Chakra, Mantine, Bootstrap…) — adopt their look, build on their stack, or migrate between systems. Use when the user mentions interop, migration, or a specific design-system/component-library bridge.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
用户要建立或修改设计系统时用：品牌的颜色、文字样式、间距与圆角 tokens，给智能体看的品牌手册 README，bundle 与预览，标志、图标与字体。在工作目录写一个设计系统目录（design-system.json 加 tokens.json、README.md、components/、assets/、fonts/），可以从代码仓库或设计工具里的真实来源整理；图片、视频与 PDF 导入设计系统的素材库，校验通过后线程里出现设计系统卡片，用户在功能区预览与编辑；做好的设计系统可以装进设计稿。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Creates the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts, and an HTML gallery.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
UI design system toolkit covering design tokens, component documentation, responsive calculations, and developer handoff. Use for creating design systems, maintaining visual consistency, or facilitating design-dev handoff.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Extract design primitives from a public website and generate starter token files for your project.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable, and accessible UI across products.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation, token architecture, component documentation, style guide generation. Activate on "design system", "design tokens", "CSS architecture", "component library", "style guide", "design bible". NOT for typography deep-dives (use typography-expert), color theory mathematics (use color-theory-palette-harmony-expert), brand identity strategy (use web-design-expert), or actual UI implementation (use web-design-expert or native-app-designer).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Generates production-ready design tokens from natural language descriptions. Outputs Tailwind configs, CSS custom properties, and DTCG W3C tokens from 24 trends + 31 AI-ready styles with 2800+ component examples.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Creates comprehensive documentation for design systems - token tables, usage guidelines, component examples, and accessibility notes. Use after generating tokens to create developer-friendly docs.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Use when designing UI components, creating design systems, reviewing visual design, or checking accessibility compliance. Triggers on "design system", "UI review", "color palette", "font pairing", "accessibility audit", "responsive design", "WCAG check". Auto-activates when ui-ux-designer agent is working. Data-driven: 160 palettes, 73 font pairings, 161 product types, 98 UX guidelines, 25 chart types.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Crie e evolua sistemas de design com design tokens, arquitetura de componentes, diretrizes de acessibilidade e templates de documentação. Garante UI consistente, escalável e acessível em todos os produtos.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Design System Builder IA — Expert en construction de design systems (Storybook, tokens, component API, theming, Figma sync)
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation, token architecture, component documentation, style guide generation. Activate on "design system", "design tokens", "CSS architecture", "component library", "style guide", "design bible". NOT for typography deep-dives (use typography-expert), color theory mathematics (use color-theory-palette-harmony-expert), brand identity strategy (use web-design-expert), or actual UI implementation (use web-design-expert or native-app-designer).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Creates comprehensive documentation for design systems - token tables, usage guidelines, component examples, and accessibility notes. Use after generating tokens to create developer-friendly docs.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Generates production-ready design tokens from natural language descriptions. Outputs Tailwind configs, CSS custom properties, and DTCG W3C tokens from 24 trends + 31 AI-ready styles with 2800+ component examples.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
기존 코드에서 색상·글꼴·여백 등의 공통 규칙을 추출하고 디자인 명세와 미리보기를 만듭니다. 화면의 일관성을 열 가지 항목으로 평가하고 수정할 위치도 제시합니다.
주제나 짧은 문구, 사진으로 한두 가지 잉크로 인쇄한 듯한 포스터와 표지를 만듭니다. 여백과 망점, 글자 크기를 조합하고 생성 프롬프트와 배색 정보도 제공합니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Organize colors, spacing, and typography into reusable design tokens, or shared style values. Generate CSS variables, define component states, check for hardcoded values, and create HTML presentations that follow the same brand rules.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Create and edit .pptx presentations with PptxGenJS, a library for building PowerPoint files. Use it for sales pitches, project kickoff briefs, and presentations that showcase a design system’s shared design rules.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.