vibehowto

Home / Skills / UI UX Pro Max / design-system

design-system

Part of UI UX Pro Max by Next Level Builder · MIT

Sets up named colors, spacing and text sizes, so every screen looks like it belongs to the same app.

Read the skill itself: .claude/skills/design-system/SKILL.md

Install it

design-system comes with the rest of UI UX Pro Max.

The commands below are for AI coding tools like Claude Code, which work with files on your computer. They won't do anything typed into a ChatGPT or Claude chat in your browser. Don't have a coding tool yet? Install Claude Code first.

Use the box for the tool you have, and copy its commands. Lines that start with / go in the tool's chat box. Other lines go in Terminal, the app where you type commands to your computer. A plugin is a bundle of skills made for one tool, and a marketplace is the list the tool installs it from.

Copied from the pack's own install instructions.

Claude Code
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
Cursor
npm install -g ui-ux-pro-max-cli
uipro init --ai cursor

More from UI UX Pro Max