菜单
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: