design-system

Agent skill from nextlevelbuilder/ui-ux-pro-max-skill.

nextlevelbuilder ↓ 11k

Claude Code

View source ↗

What it does

Design token creation
Component state definitions
CSS variable systems
Spacing/typography scales
Design-to-code handoff
Tailwind theme configuration
Slide/presentation generation

Requirements & configuration

Token architecture, component specifications, systematic design, slide generation.
Design token creation
Token Architecture
Load: references/token-architecture.md
| Token Architecture | references/token-architecture.md |

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

Source

Repository: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

design-system FAQ

What does the design-system skill do?

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations. Design token creation Component state definitions

What does design-system require?

Token architecture, component specifications, systematic design, slide generation. Design token creation Token Architecture Load: references/token-architecture.md | Token Architecture | references/token-architecture.md |

How do I install design-system?

Run: npx -y skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill design-system --agent claude-code — the source lives at github.com/nextlevelbuilder/ui-ux-pro-max-skill.

Maintain design-system?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![design-system on getagentictools](https://getagentictools.com/badge/skills/nextlevelbuilder-ui-ux-pro-max-skill-design-system.svg)](https://getagentictools.com/skills/nextlevelbuilder-ui-ux-pro-max-skill-design-system?ref=badge)

npx agentictools info skills/nextlevelbuilder-ui-ux-pro-max-skill-design-system

The second line is the CLI lookup for this page — handy in READMEs and docs.