AI skills
Give your agent a better eye for design.
84 skills
Builds an enablement and migration plan for teams that have a design system but struggle to use its components and patterns consistently.
2945 GitHub stars
(repository-wide; checked Oct 17, 2026)
skills.sh installs: not checked
Claude CodeGemini CLIdesign-systemsmigrationdesign-workflows
View skill →
Define component contribution, ownership, release and deprecation processes for a design system shared across product teams.
Claude CodeGemini CLIdesign-systemscomponent-librariesgovernance
View skill →
Design-token architecture, semantic token layers, theme switching and multi-brand component systems.
Claude CodeCodex CLICursorOpenCodeAntigravity CLIGitHub CopilotPidesign-systemsdesign-tokenstheming
View skill →
Audits existing token adoption to identify hard-coded styles, inconsistent token usage, deprecated values and gaps in the design system.
Claude CodeGemini CLIdesign-tokensdesign-systemsdesign-audit
View skill →
Creates reusable documentation structures for design-system components, patterns and foundations, with consistent sections for states, accessibility, examples and maturity.
Claude CodeGemini CLIdesign-systemsdocumentationcomponent-library
View skill →
Creates or revises Figma screens from written UI requirements using design-system search and incremental Figma MCP authoring.
WarpOzfigmadesign-toolsprototyping
View skill →
Plans error prevention, clear messages and recovery paths across network, permission, page and form failures.
Claude CodeGemini CLIux-writingerror-statesinteraction-design
View skill →
Chooses contextual confirmations, status indicators and notifications so users can tell whether an action registered.
Claude CodeGemini CLIinteraction-designnotificationsaccessibility
View skill →
Review HTML controls, forms and dialogs for focused accessibility fixes with code-level suggestions.
accessibilityui-reviewforms
View skill →
Review UI animation code for layout thrashing, expensive painting, excessive layers and scroll-driven rendering costs.
motionanimationperformance
View skill →
Guides field order, grouping, input choices, labels, validation, multi-step progress and accessible error recovery for forms.
Claude CodeGemini CLIformsuxvalidationaccessibility
View skill →
Guides an agent from a product brief to a distinctive interface, with deliberate typography, color, layout and motion rather than generic template styling.
Claude Codefrontend-designtypographylanding-pagesvisual-design
View skill →
Plans discoverable swipe, drag, long-press and other touch or pointer interactions with feedback and non-gesture alternatives.
Claude CodeGemini CLIgesturesinteraction-designaccessibility
View skill →
Structures developer handoff documents covering design tokens, responsive layouts, interaction states, assets and edge cases.
Claude CodeGemini CLIdesign-handoffresponsive-designdesign-specifications
View skill →
Defines a consistent icon family through grid, keylines, stroke weights, size variants, naming and delivery formats.
Claude CodeGemini CLIiconsdesign-systemsaccessibility
View skill →
Creates a product illustration style guide covering visual language, color, dark-mode variants and placement rules.
Claude CodeGemini CLIillustrationvisual-designdesign-systems
View skill →
A frontend-design skill with targeted commands for interface critique, visual polish, typography, layout, responsive adaptation and UX copy.
Claude CodeCodexCursorGemini CLIGitHub Copilotfrontend-designdesign-reviewtypographyresponsive-designux-writing
View skill →
Organizes product content into taxonomies, labels, navigation models and documented sitemaps.
Claude CodeGemini CLIinformation-architectureux-designnavigation
View skill →
Design purposeful motion, loading states, transitions and action feedback.
Claude CodeCodex CLICursorOpenCodeAntigravity CLICopilotPiinteraction-designmotionux
View skill →
Review interface changes in a branch, working tree or pull request, separating introduced issues, regressions and pre-existing findings.
Claude Codedesign-reviewux-reviewregression-review
View skill →
Plan native iOS interfaces using SwiftUI navigation, adaptive layouts and system visual conventions.
Claude CodeCodex CLICursorOpenCodeAntigravity CLICopilotPiiosswiftuimobile-design
View skill →
Plans keyboard interaction, focus visibility, modal focus restoration and alternatives to pointer-only actions.
Claude CodeCodexGemini CLICursoraccessibilitykeyboardinteraction-design
View skill →
Specifies page columns, gutters, outer margins and responsive grid behavior for reusable interface layouts.
Claude CodeGemini CLIlayoutresponsive-designinterface-design
View skill →
Plans skeletons, progress indicators, optimistic updates and progressive reveal for interfaces waiting on content.
Claude CodeGemini CLIloading-statesinteraction-designperceived-performance
View skill →