Design Systems
The best skills for design-related work, like interfaces, visuals, presentations and design systems.
style-librarynateherkai/herk-edit-kitChoose, customize and extend motion-graphics card styles and reusable video templates★2.3Kstyle-libraryChoose, customize and extend motion-graphics card styles and reusable video templates
design-systemcbrock84/headcountBuild design tokens, component contracts and rules that keep a product coherent★2.3Kdesign-systemBuild design tokens, component contracts and rules that keep a product coherent
cate-theme0-AI-UG/cateCreate or recolor Cate IDE themes for app chrome, terminal and Monaco syntax★2.2Kcate-themeCreate or recolor Cate IDE themes for app chrome, terminal and Monaco syntax
typeuibergside/typeuiAccess TypeUI brand kits, UI prompts and layout variations through MCP★2.2KtypeuiAccess TypeUI brand kits, UI prompts and layout variations through MCP
pp-figmamvanhorn/printing-press-libraryExtract Figma frames for codegen, find stale components and diff design tokens★2.1Kpp-figmaExtract Figma frames for codegen, find stale components and diff design tokens
design-dnazanwei/design-dnaExtract design tokens, style and visual effects from reference UIs and apply them★2Kdesign-dnaExtract design tokens, style and visual effects from reference UIs and apply them
openakita/skills@theme-factoryopenakita/openakitaApply one of ten preset color and font themes to slides, docs or landing pages★2Kopenakita/skills@theme-factoryApply one of ten preset color and font themes to slides, docs or landing pages
liquid-glass-designxu-xiang/everything-claude-code-zhApply the iOS 26 Liquid Glass style with blur, reflections and morphing★2Kliquid-glass-designApply the iOS 26 Liquid Glass style with blur, reflections and morphing
tailwind-design-systemrmyndharis/antigravity-skillsBuild scalable Tailwind CSS design systems with tokens and component libraries★1.9Ktailwind-design-systemBuild scalable Tailwind CSS design systems with tokens and component libraries
material-3hamen/material-3-skillImplement Material Design 3 components, tokens and theming in Compose or Flutter★1.5Kmaterial-3Implement Material Design 3 components, tokens and theming in Compose or Flutter
ui-designerdaymade/claude-code-skillsExtract a design system from UI screenshots and generate matching implementation prompts★1.5Kui-designerExtract a design system from UI screenshots and generate matching implementation prompts
vellum-workspace-themevellum-ai/vellum-assistantCustomize the app theme with design token overrides for colors and surfaces★1.5Kvellum-workspace-themeCustomize the app theme with design token overrides for colors and surfaces
goose-graphics-create-stylegooseworks-ai/goose-skillsTurn one reference image into a published graphics style with rendered examples★1.3Kgoose-graphics-create-styleTurn one reference image into a published graphics style with rendered examples
- visual-brand-extractorgooseworks-ai/goose-skillsExtract colors, fonts and layout from a website into a reusable style preset★1.3Kvisual-brand-extractor
Extract colors, fonts and layout from a website into a reusable style preset
moai-design-toolsmodu-ai/moai-adkPull Figma design context and export Pencil designs to React or Tailwind code★1.2Kmoai-design-toolsPull Figma design context and export Pencil designs to React or Tailwind code
- moai-domain-design-dnamodu-ai/moai-adkExtract a design system from a screenshot or URL and rebuild it as portable JSON★1.2Kmoai-domain-design-dna
Extract a design system from a screenshot or URL and rebuild it as portable JSON
figma-buildawdr74100/figwrightBuild Figma designs from code or a description using the file design system★1.2Kfigma-buildBuild Figma designs from code or a description using the file design system
seed-componentdaangn/seed-designLook up and build SEED design system components across React and Lynx★1.2Kseed-componentLook up and build SEED design system components across React and Lynx
- seed-designdaangn/seed-designGet official SEED Design docs, CLI guidance and install or upgrade fixes★1.2Kseed-design
Get official SEED Design docs, CLI guidance and install or upgrade fixes
design-mdmateaix/mateclawWrite, validate and export DESIGN.md design token spec files★1.2K- popular-web-designsmateaix/mateclawBrowse 54 real design systems from Stripe, Linear and Vercel as HTML and CSS★1.2Kpopular-web-designs
Browse 54 real design systems from Stripe, Linear and Vercel as HTML and CSS
design-systems-slds-applyforcedotcom/sf-skillsBuild Salesforce Lightning UI with SLDS blueprints, styling hooks and icons★1.1Kdesign-systems-slds-applyBuild Salesforce Lightning UI with SLDS blueprints, styling hooks and icons
- design-systems-slds-validateforcedotcom/sf-skillsScore Lightning components for SLDS compliance in a graded quality report★1.1Kdesign-systems-slds-validate
Score Lightning components for SLDS compliance in a graded quality report
- design-systems-slds2-migrateforcedotcom/sf-skillsMigrate Lightning components from SLDS 1 to SLDS 2 and fix linter violations★1.1Kdesign-systems-slds2-migrate
Migrate Lightning components from SLDS 1 to SLDS 2 and fix linter violations
- field-service-mobile-branding-configureforcedotcom/sf-skillsDerive a Field Service mobile color scheme from a brand and check contrast★1.1Kfield-service-mobile-branding-configure
Derive a Field Service mobile color scheme from a brand and check contrast
color-palettejezweb/claude-skillsBuild an accessible 11-shade color palette and semantic tokens from one brand hex★1.1Kcolor-paletteBuild an accessible 11-shade color palette and semantic tokens from one brand hex
- design-systemjezweb/claude-skillsExtract a site's colors, type, spacing and components into a DESIGN.md file★1.1Kdesign-system
Extract a site's colors, type, spacing and components into a DESIGN.md file
design-systemmicrosoft/power-platform-skillsCreate a Tamagui brand system with tokens and an HTML gallery for mobile apps★1.1Kdesign-systemCreate a Tamagui brand system with tokens and an HTML gallery for mobile apps
custom-themexuzhougeng/wisp-scienceWrite a custom CSS theme for chat and Markdown using documented tokens★1.1Kcustom-themeWrite a custom CSS theme for chat and Markdown using documented tokens