Design skills

Design Skills

Agent skills for design and WordPress work, each linked to its original GitHub repository.

363 entries

SortMost installed A to Z

Skill · Figma and design to codeDesign Code Skill: Token Driven Componentsplugin87/ux-ui-agent-skillsPlugin87's design-code skill has an AI agent write accessible, token driven component code for React, Vue, SwiftUI and ten other stacks, then verify it against thirteen checks.1.5KGitHub stars Skill · Web design and UXDesign Component Skill: Component Specs with Eight Statesplugin87/ux-ui-agent-skillsThe design-component skill makes an AI coding agent write a component spec with anatomy, variants, sizes, eight states, token mapping and accessibility, then prove each state with scripted gates.1.5KGitHub stars Skill · Web design and UXDesign Critique Skill: Run Structured Team CritsOwl-Listener/designer-skillsThe design-critique skill from Owl-Listener's designer-skills gives an AI coding agent a framework to facilitate team critiques, with timed phases, feedback phrasing and action items.2.8KGitHub stars Skill · Web design and UXDesign Critique Skill: Structured Feedback on a Screenanthropics/knowledge-work-pluginsThe design-critique skill gives structured feedback on a Figma link, screenshot or description across first impression, usability, hierarchy, consistency and accessibility, with prioritized recommendations.26.2KGitHub stars Skill · Web design and UXDesign Critiquer Skill: Structured Feedback on UI DesignsNickCrew/Claude-CortexThe design-critiquer skill makes an AI coding agent critique wireframes and mockups with a five-second test, severity levels and observation, impact, suggestion feedback.50GitHub stars Skill · Web design and UXDesign Handoff Brief Skill: PRD to Designer Briefmohitagw15856/pm-claude-skillsThe design-handoff-brief skill makes an AI coding agent turn a PRD or rough feature notes into a designer brief with user goal, constraints, edge cases and scope limits.1.4KGitHub stars Skill · Web design and UXDesign Handoff Skill: Developer Specs From a Designanthropics/knowledge-work-pluginsThe design-handoff skill turns a Figma link or a plain description into a developer spec covering layout, tokens, component props, states, breakpoints, edge cases and motion.26.2KGitHub stars Skill · Web design and UXDesign Loop Skill: Build a Whole Site Page by Pagejezweb/claude-skillsThe design-loop skill has an AI coding agent build a multi-page site one page at a time, passing a task file forward until the sitemap is complete.1.1KGitHub stars Skill · Web design and UXDesign Motion Principles Skill: Build and Audit UI Motionkylezantos/design-motion-principlesThe design-motion-principles skill has an AI coding agent either build animated components or audit existing motion, weighting three designer lenses by project type instead of applying one rulebook.1.2KGitHub stars Skill · Web design and UXDesign of Everyday Things Skill: Score UX Claritywondelai/skillsThe design-everyday-things skill gives an AI coding agent Don Norman's affordance, signifier and feedback rules, plus a 10 point diagnostic for judging why an interface confuses people.2.4KGitHub stars Skill · Web design and UXDesign QA Checklist Skill: Verify a Build Against the DesignOwl-Listener/designer-skillsThe design-qa-checklist skill has an AI coding agent build a six category checklist for checking an implementation against its design, from visual accuracy to cross platform behavior.2.9KGitHub stars Skill · Web design and UXDesign Rationale Skill: Write Down Why You Chose ItOwl-Listener/designer-skillsThe design-rationale skill has an AI coding agent write a seven part rationale that ties each design decision to user needs, evidence, trade-offs and a validation plan.2.9KGitHub stars

Turn what your agent designs into a real WordPress site

Use skills like this to get better HTML, CSS and JS from your agent, then publish the result as editable WordPress.

I have a Figma designTurn it into editable WordPress I built it with an AI toolLovable, v0, Bolt, Claude and more I have HTML, CSS and JSBring a build into WordPress I want to design in WordPressComposer, the AI visual editor

Browse the directory

Skills, MCP servers, comparisons, alternatives and guides for design to WordPress work.

Design Skills

Agent skills that sharpen design, layout and polish.

Explore NowDesign MCPs

MCP servers that connect your AI to design tools.

Explore NowCompare

AI and design tools side by side, with a verdict.

Explore NowAlternatives

Ranked alternatives to the tools you already know.

Explore NowSolutions

Step-by-step routes from a design or AI build to WordPress.