Design & UI/UX Skills
3,077 Design & UI/UX skills for Claude Code, ranked by installs
Sponsors
Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthly
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any language
Agent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any languageShowing 1 to 80 of 3,077
skills.sh installs1
design-systemcommunity-access/accessibility-agentsValidate design system tokens for WCAG AA/AAA contrast. Compute color token contrast, focus ring validation (WCAG 2.4.13), motion tokens, and spacing for touch 259skills.sh installs
design-systemcommunity-access/accessibility-agentsValidate design system tokens for WCAG AA/AAA contrast. Compute color token contrast, focus ring validation (WCAG 2.4.13), motion tokens, and spacing for touch 259skills.sh installs2
figma-create-design-system-rulesopenai/skillsGenerates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design r3.1Kskills.sh installs
figma-create-design-system-rulesopenai/skillsGenerates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design r3.1Kskills.sh installs3
figma-create-design-system-rulesnexu-io/open-designGenerate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.2.9Kskills.sh installs
figma-create-design-system-rulesnexu-io/open-designGenerate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.2.9Kskills.sh installs4
figma-create-design-system-rulesfigma/mcp-server-guideGenerates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design r1.6Kskills.sh installs
figma-create-design-system-rulesfigma/mcp-server-guideGenerates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design r1.6Kskills.sh installs5
design-systemnextlevelbuilder/ui-ux-pro-max-skillToken architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales,50.5Kskills.sh installs
design-systemnextlevelbuilder/ui-ux-pro-max-skillToken architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales,50.5Kskills.sh installs6
migrate-design-systemplugin87/ux-ui-agent-skillsMap this token system to or from any external design system (Material Design 3, Apple HIG, Fluent, Carbon, Ant, shadcn/ui, Radix, Chakra, Mantine, Bootstrap…) —531skills.sh installs
migrate-design-systemplugin87/ux-ui-agent-skillsMap this token system to or from any external design system (Material Design 3, Apple HIG, Fluent, Carbon, Ant, shadcn/ui, Radix, Chakra, Mantine, Bootstrap…) —531skills.sh installs7
stitch-design-tasteleonxlnx/taste-skillSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, ca394.9Kskills.sh installs
stitch-design-tasteleonxlnx/taste-skillSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, ca394.9Kskills.sh installs8
taste-designgoogle-labs-code/stitch-skillsSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, ca21Kskills.sh installs
taste-designgoogle-labs-code/stitch-skillsSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, ca21Kskills.sh installs9
visual-design-foundationswshobson/agentsApply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building sty14.1Kskills.sh installs
visual-design-foundationswshobson/agentsApply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building sty14.1Kskills.sh installs10
ui-design-systemsamhvw8/dot-claudeReact UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives), shadcn/ui (components), React/Next.js. Cap3.2Kskills.sh installs
ui-design-systemsamhvw8/dot-claudeReact UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives), shadcn/ui (components), React/Next.js. Cap3.2Kskills.sh installs11stitch-design-tastenexu-io/open-designSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, ca1.9Kskills.sh installs
stitch-design-tastenexu-io/open-designSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, ca1.9Kskills.sh installs12
design-systembuildgreatproducts/builder-osTranslates an image (or a set of image references — screenshots, mockups, Figma URLs, live websites) into two mirrored design-system artifacts: `docs/design.md`1.9Kskills.sh installs
design-systembuildgreatproducts/builder-osTranslates an image (or a set of image references — screenshots, mockups, Figma URLs, live websites) into two mirrored design-system artifacts: `docs/design.md`1.9Kskills.sh installs13
ui-ux-design-prosaifyxpro/ui-ux-design-pro-skillSenior-level UI/UX design expert for building data-driven, premium production interfaces. Use when you need to: 1. Design complex applications (dashboards, SaaS842skills.sh installs
ui-ux-design-prosaifyxpro/ui-ux-design-pro-skillSenior-level UI/UX design expert for building data-driven, premium production interfaces. Use when you need to: 1. Design complex applications (dashboards, SaaS842skills.sh installs14
ios-ux-designmosif16/codex-skillsActivate this skill when analyzing iOS app UI/UX, evaluating iOS design patterns, proposing iOS interface improvements, or creating iOS implementation specifica546skills.sh installs
ios-ux-designmosif16/codex-skillsActivate this skill when analyzing iOS app UI/UX, evaluating iOS design patterns, proposing iOS interface improvements, or creating iOS implementation specifica546skills.sh installs15
frontend-ui-ux-designdauquangthanh/hanoi-rainbowCreates comprehensive frontend UI/UX designs including user interfaces, design systems, component libraries, responsive layouts, and accessibility implementatio541skills.sh installs
frontend-ui-ux-designdauquangthanh/hanoi-rainbowCreates comprehensive frontend UI/UX designs including user interfaces, design systems, component libraries, responsive layouts, and accessibility implementatio541skills.sh installs16
web-animation-designconnorads/dotfilesDesign and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks questions about animations, motion, easi521skills.sh installs
web-animation-designconnorads/dotfilesDesign and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks questions about animations, motion, easi521skills.sh installs17
animation-micro-interaction-packpatricio0312rev/skillsProvides reusable interaction patterns and motion presets that make UI feel polished. Includes hover effects, transitions, entrance animations, gesture feedback512skills.sh installs
animation-micro-interaction-packpatricio0312rev/skillsProvides reusable interaction patterns and motion presets that make UI feel polished. Includes hover effects, transitions, entrance animations, gesture feedback512skills.sh installs18
ios-design-systempproenca/dot-skillsClinic-architecture-aligned iOS design system engineering for SwiftUI (iOS 26 / Swift 6.2) covering token architecture, color/typography/spacing systems, compon319skills.sh installs
ios-design-systempproenca/dot-skillsClinic-architecture-aligned iOS design system engineering for SwiftUI (iOS 26 / Swift 6.2) covering token architecture, color/typography/spacing systems, compon319skills.sh installs19ui-ux-designsamhvw8/dot-claudeUI/UX design reference database. 50+ styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Ta207skills.sh installs
ui-ux-designsamhvw8/dot-claudeUI/UX design reference database. 50+ styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Ta207skills.sh installs20
generic-react-design-systemtravisjneuman/.claudeComplete design system reference for React applications. Covers colors, typography, spacing, component patterns, glassmorphism effects, GPU-accelerated animatio187skills.sh installs
generic-react-design-systemtravisjneuman/.claudeComplete design system reference for React applications. Covers colors, typography, spacing, component patterns, glassmorphism effects, GPU-accelerated animatio187skills.sh installs21web-prototype-taste-brutalistnexu-io/open-designSwiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red accent, ASCII164skills.sh installs
web-prototype-taste-brutalistnexu-io/open-designSwiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red accent, ASCII164skills.sh installs22
applying-ui-design-systemtelagod/code-abyssFrontend UI design system selector and implementation guide covering Glassmorphism, Liquid Glass (Apple-style), Neubrutalism, and Claymorphism. Use when buildin0skills.sh installs
applying-ui-design-systemtelagod/code-abyssFrontend UI design system selector and implementation guide covering Glassmorphism, Liquid Glass (Apple-style), Neubrutalism, and Claymorphism. Use when buildin0skills.sh installs23high-end-visual-designleonxlnx/taste-skillTeaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. 458.9Kskills.sh installs
high-end-visual-designleonxlnx/taste-skillTeaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. 458.9Kskills.sh installs24
web-motion-designdylantarre/animation-principlesUse when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.1.4Kskills.sh installs
web-motion-designdylantarre/animation-principlesUse when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.1.4Kskills.sh installs25create-design-system-rulesfigma/mcp-server-guideGenerates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design r1.3Kskills.sh installs
create-design-system-rulesfigma/mcp-server-guideGenerates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design r1.3Kskills.sh installs26html-ppt-taste-brutalistnexu-io/open-design16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII158skills.sh installs
html-ppt-taste-brutalistnexu-io/open-design16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII158skills.sh installs27interaction-designwshobson/agentsDesign and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading 17Kskills.sh installs
interaction-designwshobson/agentsDesign and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading 17Kskills.sh installs28
design-motion-principleskylezantos/design-motion-principlesMotion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes — build interactive components with purposef13.8Kskills.sh installs
design-motion-principleskylezantos/design-motion-principlesMotion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes — build interactive components with purposef13.8Kskills.sh installs29
design-systemaffaan-m/eccUse this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.6Kskills.sh installs
design-systemaffaan-m/eccUse this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.6Kskills.sh installs30
accessibility-a11ymindrally/skillsImplement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.2.8Kskills.sh installs
accessibility-a11ymindrally/skillsImplement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.2.8Kskills.sh installs31
ui-design-systemdavila7/claude-code-templatesUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handof1.7Kskills.sh installs
ui-design-systemdavila7/claude-code-templatesUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handof1.7Kskills.sh installs32
design-systemjezweb/claude-skillsExtract a complete design system from an existing website or screenshot into a DESIGN.md file. Analyses colours, typography, component styles, spacing, and atmo1.1Kskills.sh installs
design-systemjezweb/claude-skillsExtract a complete design system from an existing website or screenshot into a DESIGN.md file. Analyses colours, typography, component styles, spacing, and atmo1.1Kskills.sh installs33
ui-design-systemalirezarezvani/claude-skillsUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handof1.1Kskills.sh installs
ui-design-systemalirezarezvani/claude-skillsUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handof1.1Kskills.sh installs34
design-system-startersoftaworks/agent-toolkitCreate and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable823skills.sh installs
design-system-startersoftaworks/agent-toolkitCreate and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable823skills.sh installs35
color-accessibilityaj-geddes/useful-ai-promptsDesign color palettes that are accessible to all users including those with color blindness. Ensure sufficient contrast, meaningful use of color, and inclusive 624skills.sh installs
color-accessibilityaj-geddes/useful-ai-promptsDesign color palettes that are accessible to all users including those with color blindness. Ensure sufficient contrast, meaningful use of color, and inclusive 624skills.sh installs36
design-taste-frontendbnd-1/taste-skillSenior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acce557skills.sh installs
design-taste-frontendbnd-1/taste-skillSenior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acce557skills.sh installs37interaction-designaj-geddes/useful-ai-promptsDesign meaningful interactions and microinteractions. Create delightful user experiences through thoughtful animation, feedback, and responsive interface design510skills.sh installs
interaction-designaj-geddes/useful-ai-promptsDesign meaningful interactions and microinteractions. Create delightful user experiences through thoughtful animation, feedback, and responsive interface design510skills.sh installs38
design-system-creationsecondsky/claude-skills| Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standa500skills.sh installs
design-system-creationsecondsky/claude-skills| Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standa500skills.sh installs39interaction-designsecondsky/claude-skillsCreates intuitive user experiences through feedback patterns, microinteractions, and accessible interaction design. Use when designing loading states, error han456skills.sh installs
interaction-designsecondsky/claude-skillsCreates intuitive user experiences through feedback patterns, microinteractions, and accessible interaction design. Use when designing loading states, error han456skills.sh installs40design-system-starterdavila7/claude-code-templatesCreate and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable393skills.sh installs
design-system-starterdavila7/claude-code-templatesCreate and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable393skills.sh installs41
casper-design-systemcasper-studios/casper-marketplaceCasper Studios internal design system for generating consistent, production-grade SaaS UI. Use this skill whenever generating UI code for internal tools, client269skills.sh installs
casper-design-systemcasper-studios/casper-marketplaceCasper Studios internal design system for generating consistent, production-grade SaaS UI. Use this skill whenever generating UI code for internal tools, client269skills.sh installs42
ui-design-systemborghei/claude-skillsUI design system toolkit covering design tokens, component documentation, responsive calculations, and developer handoff. Use for creating design systems, maint209skills.sh installs
ui-design-systemborghei/claude-skillsUI design system toolkit covering design tokens, component documentation, responsive calculations, and developer handoff. Use for creating design systems, maint209skills.sh installs43
yuv-design-systemhoodini/ai-agents-skillsYuval Avidani's YUV.AI brand and design system. Apply ONLY when YUV.AI-branded output is requested — presentations, decks, keynotes, portfolio, brand site, prof0skills.sh installs
yuv-design-systemhoodini/ai-agents-skillsYuval Avidani's YUV.AI brand and design system. Apply ONLY when YUV.AI-branded output is requested — presentations, decks, keynotes, portfolio, brand site, prof0skills.sh installs44
motion-designlottiefiles/motion-design-skillApplies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney a24Kskills.sh installs
motion-designlottiefiles/motion-design-skillApplies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney a24Kskills.sh installs45figma-implement-designopenai/skillsTranslates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "im7Kskills.sh installs
figma-implement-designopenai/skillsTranslates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "im7Kskills.sh installs46
design-systemanthropics/knowledge-work-pluginsAudit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a c4.5Kskills.sh installs
design-systemanthropics/knowledge-work-pluginsAudit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a c4.5Kskills.sh installs47figma-implement-designfigma/mcp-server-guideTranslates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "im4Kskills.sh installs
figma-implement-designfigma/mcp-server-guideTranslates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "im4Kskills.sh installs48figma-implement-designnexu-io/open-designTranslate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.2.9Kskills.sh installs
figma-implement-designnexu-io/open-designTranslate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.2.9Kskills.sh installs49figma-implement-designdavila7/claude-code-templatesTranslate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convent367skills.sh installs
figma-implement-designdavila7/claude-code-templatesTranslate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convent367skills.sh installs50responsive-design-systempatricio0312rev/skillsImplements responsive design systems with mobile-first breakpoints, container queries, fluid typography, and adaptive layouts using Tailwind CSS. Use when users353skills.sh installs
responsive-design-systempatricio0312rev/skillsImplements responsive design systems with mobile-first breakpoints, container queries, fluid typography, and adaptive layouts using Tailwind CSS. Use when users353skills.sh installs51
figma-implement-designtech-leads-club/agent-skillsTranslate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convent234skills.sh installs
figma-implement-designtech-leads-club/agent-skillsTranslate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convent234skills.sh installs52
motion-design-patternsdylanfeltus/skillsFramer Motion (Motion) animation patterns for React — springs, staggers, layout animations, micro-interactions, scroll effects, and page transitions. Use when b167skills.sh installs
motion-design-patternsdylanfeltus/skillsFramer Motion (Motion) animation patterns for React — springs, staggers, layout animations, micro-interactions, scroll effects, and page transitions. Use when b167skills.sh installs53
design-system-architectdaffy0208/ai-dev-standardsBuild scalable, maintainable design systems that unify product experiences. Use when creating component libraries, design tokens, or establishing design standar0skills.sh installs
design-system-architectdaffy0208/ai-dev-standardsBuild scalable, maintainable design systems that unify product experiences. Use when creating component libraries, design tokens, or establishing design standar0skills.sh installs54design-taste-frontendleonxlnx/taste-skillAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that d754.5Kskills.sh installs
design-taste-frontendleonxlnx/taste-skillAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that d754.5Kskills.sh installs55design-taste-frontend-v1leonxlnx/taste-skillThe original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is 330.4Kskills.sh installs
design-taste-frontend-v1leonxlnx/taste-skillThe original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is 330.4Kskills.sh installs56
extract-design-systemarvindrk/extract-design-systemExtract design primitives from a public website and generate starter token files for your project.131.3Kskills.sh installs
extract-design-systemarvindrk/extract-design-systemExtract design primitives from a public website and generate starter token files for your project.131.3Kskills.sh installs58figma-generate-designopenai/skillsUse this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma',3Kskills.sh installs
figma-generate-designopenai/skillsUse this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma',3Kskills.sh installs59design-taste-frontendnexu-io/open-designAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that d2.8Kskills.sh installs
design-taste-frontendnexu-io/open-designAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that d2.8Kskills.sh installs62ux-designmindrally/skillsUX design principles for creating intuitive, accessible, and user-centered digital experiences1.1Kskills.sh installs
ux-designmindrally/skillsUX design principles for creating intuitive, accessible, and user-centered digital experiences1.1Kskills.sh installs63
radix-ui-design-systemsickn33/antigravity-awesome-skillsradix ui design system993skills.sh installs
radix-ui-design-systemsickn33/antigravity-awesome-skillsradix ui design system993skills.sh installs64
design-system-generatoronewave-ai/claude-skillsCreate design systems with tokens, components, and documentation. Use when building design systems, creating component libraries, or establishing design tokens.317skills.sh installs
design-system-generatoronewave-ai/claude-skillsCreate design systems with tokens, components, and documentation. Use when building design systems, creating component libraries, or establishing design tokens.317skills.sh installs
66design-system-managementanthropics/knowledge-work-pluginsManage design tokens, component libraries, and pattern documentation. Trigger with "design system", "component library", "design tokens", "style guide", or when118skills.sh installs
design-system-managementanthropics/knowledge-work-pluginsManage design tokens, component libraries, and pattern documentation. Trigger with "design system", "component library", "design tokens", "style guide", or when118skills.sh installs67tailwind-design-systemwshobson/agentsBuild scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implemen72.7Kskills.sh installs
tailwind-design-systemwshobson/agentsBuild scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implemen72.7Kskills.sh installs68banner-designnextlevelbuilder/ui-ux-pro-max-skillDesign banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, cre47.1Kskills.sh installs
banner-designnextlevelbuilder/ui-ux-pro-max-skillDesign banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, cre47.1Kskills.sh installs69design-system-patternswshobson/agentsBuild scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing the16.7Kskills.sh installs
design-system-patternswshobson/agentsBuild scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing the16.7Kskills.sh installs70
design-system-adoptionowl-listener/designer-skillsCreate adoption strategies and materials to drive design system usage across teams.2.2Kskills.sh installs
design-system-adoptionowl-listener/designer-skillsCreate adoption strategies and materials to drive design system usage across teams.2.2Kskills.sh installs71gpt-tastenexu-io/open-designElite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typograph2Kskills.sh installs
gpt-tastenexu-io/open-designElite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typograph2Kskills.sh installs72tailwind-design-systemsickn33/antigravity-awesome-skillstailwind design system1.3Kskills.sh installs
tailwind-design-systemsickn33/antigravity-awesome-skillstailwind design system1.3Kskills.sh installs73taste-skillnexu-io/open-designHigh-agency frontend skill that gives AI good taste with tunable design variance, motion intensity, and visual density to stop generic UI slop.808skills.sh installs
taste-skillnexu-io/open-designHigh-agency frontend skill that gives AI good taste with tunable design variance, motion intensity, and visual density to stop generic UI slop.808skills.sh installs74a11y-auditplugin87/ux-ui-agent-skillsAudit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-referenced findings with severity and specific fixes. Use when the user want598skills.sh installs
a11y-auditplugin87/ux-ui-agent-skillsAudit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-referenced findings with severity and specific fixes. Use when the user want598skills.sh installs78design-system-creationaj-geddes/useful-ai-promptsBuild comprehensive design systems with components, patterns, and guidelines. Enable consistent design, faster development, and better collaboration across team543skills.sh installs
design-system-creationaj-geddes/useful-ai-promptsBuild comprehensive design systems with components, patterns, and guidelines. Enable consistent design, faster development, and better collaboration across team543skills.sh installs79design-motion-principleskylezantos/design-engineer-auditor-packagedesign motion principles326skills.sh installs
design-motion-principleskylezantos/design-engineer-auditor-packagedesign motion principles326skills.sh installs80design-system-leadborghei/claude-skillsDesign systems leadership across component libraries, design tokens, and design-dev collaboration. Use when architecting a token system, building a component li259skills.sh installs
design-system-leadborghei/claude-skillsDesign systems leadership across component libraries, design tokens, and design-dev collaboration. Use when architecting a token system, building a component li259skills.sh installsQuestions
Can Claude Code help with UI/UX design?
Yes, design skills teach Claude visual design principles, accessibility standards, animation patterns, and how to implement design system components.
All 3077 Design & UI/UX skills →