Enforce design-dna.json tokens for colors, typography, spacing, and patterns.
npx skills add https://github.com/adilkalam/orca --skill design-dna-skill
Please help me install this Agent Skill. Skill: design-dna-skill Source: https://github.com/adilkalam/orca/tree/main/skills/design-dna-skill Command: npx skills add https://github.com/adilkalam/orca --skill design-dna-skill
Establishes a shared design-dna vocabulary to enforce tokens, spacing, and patterns across lanes.
Load design-dna and map tokens to components in your current project workflow.
High-intent search queries and answers about installing and using this skill.
Enforce design tokens by loading design-dna.json to define and validate color roles, typography scales, spacing grids, and patterns across components. This prevents inline styles and arbitrary values, ensuring consistent token usage before code merges.
A token enforcement gate validates UI changes against your design-dna vocabulary before merging. It blocks inline styles and non-compliant values, providing governance signals for token violations and evolution.
Yes. Design-dna tokens apply across implementation agents including nextjs-builder and expo-builder, enabling consistent token enforcement and pattern validation across web and mobile lanes.
Define design-dna scopes for color roles (primary, secondary, accent, surface), typography scales (display, heading, body, caption), spacing grids, and named patterns like cards and layouts to standardize UI token references.
Token enforcement gates detect violations when components reference undefined tokens or use inline styles instead of design-dna values. The gate reports violations and provides governance signals for correcting token usage.
No. Design-dna tokens work with design-system-architects and implementation agents alike. Load the design-dna.json file into your workflow to map and enforce tokens across components without requiring deep architecture expertise.
dylantarreGenerate structured Markdown documentation from CSS, JSON, or JS design tokens.
cicero78MDerive and fill placeholders in a project constitution from user input or repo context.
hungv47Convert a validated map-user-flow into a portable UI specification with design tokens.
LowyShinAutomate creation and orchestration of platform-independent design systems with reusable tokens.
