Menu
Generate and apply complete design systems from text descriptions or visual examples using AI and modern tooling.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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: