Design systems help teams keep their look and feel consistent. This skill creates a three-layer token system with primitive, semantic, and component tokens. It also helps build brand-compliant presentations.
You can use it to generate CSS variables, spacing and typography scales, and component specifications. It works with Tailwind and other tools. It includes a slide system for making professional decks.
Whether you are a designer or a developer, this skill makes design-to-code easier. It validates tokens and searches for slides. It keeps everything aligned with your brand.
Global
mkdir -p ~/.claude/skills/ckmdesign-systemProject
mkdir -p .claude/skills/ckmdesign-systemSource Repository
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready