AI Skills Catalog
Design

Ui Design System

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use when creating design systems, generating design tokens, maintaining

VerifiedFreeMITv1.0.0
SKILL SCORE87Engagement score

Works with

ClClaudeNative
CoCodexPackaged
GPGPTPackaged
GeGeminiPackaged
CuCursorPackaged
OpOpenCodePackaged

Ui Design System

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use when creating design systems, generating design tokens, maintaining visual consistency, or facilitating design-dev collaboration and developer handoff.

Optimized workflow

This edition turns the source methodology into a repeatable agent workflow with explicit inputs, checkpoints and deliverables.

Quality standard

  • Confirm scope and missing inputs before execution
  • Ground decisions in available evidence and preserve source constraints
  • Return an actionable result with assumptions, risks and next steps

Agent compatibility

The same core method is packaged for Claude, Codex, GPT, Gemini, Cursor and OpenCode.

Permissions & security

Low risk

Source verified · conversion tested · security signals reviewed

Read project files
Write generated skill files