Design skills
Design Skills
Agent skills for design and WordPress work, each linked to its original GitHub repository.
363 entries
Skill · Web design and UXDesign Review Process Skill: Gates and ApprovalsOwl-Listener/designer-skillsThe design-review-process skill has an AI coding agent set up 4 gates, criteria and an approval workflow, so design work stops shipping without consistent review.2.9KGitHub starsSkill · Web design and UXDesign Review Skill: Scored UI Audit with Nielsen Heuristicsplugin87/ux-ui-agent-skillsThe design-review skill has an AI coding agent score a screen across six weighted dimensions, check Nielsen's ten heuristics, and return a prioritized findings table with token-referenced fixes.1.5KGitHub starsSkill · Web design and UXDesign Review Skill: Screenshot Critique Against a Briefjulianoczkowski/designer-skillsThe design-review skill in designer-skills captures screenshots of your running app at three widths and critiques it against the saved brief, ending in a prioritised DESIGN_REVIEW.md.576GitHub starsSkill · Web design and UXDesign Review Workflow Skill: One End of Build QA Passzakariaf/Flutter-SkillsThe design review workflow skill from the Flutter-Skills collection has an AI coding agent run one design and QA pass on the release build, with graded findings and a dated...55GitHub starsSkill · Design systems and tokensDesign Standards Skill: Six Rules for Production UIrampstackco/claude-skillsThe design-standards skill gives an AI coding agent six production UI rules covering tokens, WCAG AA contrast, hierarchy, spacing, mobile and component consistency, plus a pre-ship checklist.935GitHub starsSkill · Web design and UXDesign Style Picker Skill: Choose by Comparingdaymade/claude-code-skillsThe design-style-picker skill from daymade has an AI agent generate a matrix of visual directions so you can pick a style you cannot describe, then implement from your choice.1.4KGitHub starsSkill · Web design and UXDesign System Adoption Skill: Get Teams to Use Your SystemOwl-Listener/designer-skillsThe design-system-adoption skill has an AI coding agent draft awareness, education, enablement and incentive plans, plus adoption metrics, for a design system that teams currently ignore.2.9KGitHub starsSkill · Web design and UXDesign System Architecture Skill: Tokens and Component APIsNickCrew/Claude-CortexThe design-system-architecture skill teaches an AI coding agent a three-tier design token model, typed component APIs and a documentation template for building component libraries.50GitHub starsSkill · Web design and UXDesign System Audit Skill: Score and Fix Your Systemmohitagw15856/pm-claude-skillsThe design-system-audit skill has an AI coding agent score a design system on coverage, tokens, docs, accessibility and adoption, then rank fixes in a prioritised roadmap.1.4KGitHub starsSkill · Design systems and tokensDesign System Creator Skill: Tokens, OKLCH and ITCSScuriositech/some_claude_skillsThe design-system-creator skill has an AI coding agent build a design bible with three-tier tokens, OKLCH color, ITCSS file structure and documented components in production-ready CSS.244GitHub starsSkill · Web design and UXDesign System Generator Skill: Write a DESIGN_SYSTEM.mdthienanblog/awesome-ai-agent-skillsThe design-system-generator skill has an AI coding agent inspect your project, then write or revise a design system document covering tokens, components, accessibility, motion and visual checks.69GitHub starsSkill · Web design and UXDesign System Governance Skill: Ownership and VersioningOwl-Listener/designer-skillsThe design-system-governance skill gives an AI coding agent a model for who owns a design system, how changes are proposed, versioned and deprecated, and what components must meet.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 WordPressI built it with an AI toolLovable, v0, Bolt, Claude and moreI have HTML, CSS and JSBring a build into WordPressI want to design in WordPressComposer, the AI visual editor
Get StartedBrowse 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 MCPsMCP servers that connect your AI to design tools.
Explore NowCompareAI and design tools side by side, with a verdict.
Explore NowAlternativesRanked alternatives to the tools you already know.
Explore NowSolutionsStep-by-step routes from a design or AI build to WordPress.
Explore Now