TypeUI for Penpot

Design System Skill Generator

Generate reusable AI-ready skill.md files from a structured manifest using the TypeUI manifest blueprint for tools such as Claude, Codex, Gemini, Cursor, and more.

Built by TypeUI. Explore more styles at typeui.sh/design-skills.

Skill Manifest Inputs

Brand or scope slug Design system name

Mission

Product / brand Audience

Product surface Visual style keywords Typography scale tokens

Color Tokens

Name each color by semantic role and describe what it should do.

Spacing Tokens

Define spacing values with units and usage intent.

Radius Tokens

Use radius tokens for corners across controls and surfaces.

Shadow Tokens

Define shadow geometry plus color and opacity with a picker.

Motion Tokens

Define duration and easing for transitions.

Framework-specific implementation notes

Additional "Do" rules (one per line) Additional "Don't" rules (one per line)

Additional QA checks (one per line)

Optional extension files Generate reference.md Generate examples.md Generate scripts/validate-skill.sh

Output

Ready.