A strong design system helps your team keep products consistent and fast to build. It gives everyone a shared set of components and design tokens. This guide uses advice from leaders at Figma and Airbnb to help you build and scale your own system.
You will learn how to assess if now is the right time for a design system. You will also discover how to make it easy for non-designers to use. The goal is to create a system that grows with your team and brand.
Global
mkdir -p ~/.claude/skills/design-systemsProject
mkdir -p .claude/skills/design-systemsSource Repository
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
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
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Extract Design Systemarvindrk/extract-design-system
Reverse engineer a website's design into ready-to-use token files
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules