AI Skills for design
Usable Skills and open-source skill projects, in one list.
A usable Skill is reviewed and pinned to one version. A listing points to a project on GitHub. Choose a task guide
Reviewed Skills and open-source projects that give an AI assistant a checklist or a method for design work, such as reviewing an interface, applying a design system or checking accessibility. They can speed up a review, but they do not replace looking at the result yourself. Each entry names its source and licence.
Category
10 results
Results
Light and dark theme planning
Choose light, dark or combined themes based on the product's context, then define surfaces, text and semantic colours for each mode.
Recorded tool support: Claude, Codex
Usable SkillUpdated 2026-10-13License: MIT
Responsive layouts and navigation
Plan how navigation, sidebars, content order and controls adapt to phones, tablets and desktops.
Recorded tool support: Claude, Codex
Usable SkillUpdated 2026-10-13License: MIT
Form labels and validation design
Review or design form labels, helper text, validation timing and submit states, with HTML examples for field grouping and accessible error associations.
Recorded tool support: Claude, Codex
Usable SkillUpdated 2026-10-13License: MIT
Button and interactive states
Design guidance for giving every clickable element six visual states (rest, hover, pressed, keyboard focus, disabled and loading), with state colours derived…
Recorded tool support: Claude, Codex
Usable SkillUpdated 2026-09-24License: MIT
UI UX Pro Max Skill
A UI and UX design skill backed by searchable reference data: interface styles, colour palettes and font pairings matched to product types, UX guidelines…
ListingListed 2026-09-24GitHub stars: 135,341 (as of 2026-10-13)License: MIT
Hallmark
A single design skill for building web interfaces that avoid generic, generated-looking defaults.
ListingListed 2026-09-24GitHub stars: 29,983 (as of 2026-10-13)License: MIT
Dembrandt Skills
Forty-three UX and design-system skills for coding agents, covering brand and colour, type scales, layout and density, component states, forms, overlays…
ListingListed 2026-09-24GitHub stars: 72 (as of 2026-10-13)License: MIT
Design Systems to Agent Skills
A generator that turns an existing design system into an agent skill, shipped with a worked example skill.
ListingListed 2026-09-24GitHub stars: 44 (as of 2026-10-13)License: MIT
Diagram Design
A diagramming skill that produces self-contained HTML and SVG diagrams in a defined editorial style, with stated rules for connectors, labels…
ListingListed 2026-09-24GitHub stars: 53,331 (as of 2026-10-13)License: MIT
UX Writing Skill
Writing and review standards for interface text: buttons, labels, form fields, error and success messages, notifications, onboarding, empty states and help…
ListingListed 2026-09-24GitHub stars: 229 (as of 2026-10-13)License: MIT