메뉴
Generate and apply complete design systems from text descriptions or visual examples using AI and modern tooling.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Plan, reason, and verify across multiple levels using multi-step reasoning, tree-of-thought, and structured agent workflows.
Detect and repair security vulnerabilities or operational errors in the agent's own code and environment without manual intervention.
Adapt user interfaces automatically based on device, viewport, user preferences, and contextual signals.
Build and query knowledge graphs automatically to capture relationships between entities, concepts, and project artifacts.
Run agent tasks in isolated, sandboxed environments to prevent malicious or untrusted code from affecting the host system.
Store, retrieve, and evolve contextual and procedural knowledge using vector search, memory layers, and active forgetting.
| name | ai-driven-design-system |
| description | Generate and apply complete design systems from text descriptions or visual examples using AI and modern tooling. |
Category: UI/UX Engineering Priority: High
This skill enables DevinOS to generate and apply complete design systems from a text description, a mood board, or a few visual examples. It produces tokens (colors, typography, spacing), components, and usage guidelines that can be dropped into a React/Tailwind project.
To ensure visual consistency and high-quality UI across all projects, accelerate interface design, and reduce human error when applying design standards.
Use this skill when:
User Input: "Create a professional fintech design system with navy blue, clean typography, and accessible contrast."
Agent Action:
globals.css and a Tailwind theme extension.User Input: "Make me a cool design system."
Agent Action: