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 · Web design and UXAccessibility Compliance Audit Skill: A WCAG Audit Routinesickn33/agentic-awesome-skillsThe accessibility-compliance-audit skill gives an AI coding agent a WCAG audit routine that confirms scope, scans automatically, checks by hand, maps findings to criteria and retests after fixes.47.3KGitHub stars Skill · Web design and UXAccessibility Compliance Skill: WCAG 2.2 for Agentswshobson/agentsThe accessibility-compliance skill points an AI coding agent at WCAG 2.2, ARIA patterns, keyboard navigation and mobile screen readers, with reference files holding the detailed rules.40.2KGitHub stars Skill · Web design and UXAccessibility Per Component Skill: WCAG 2.2 AA Auditmurphytrueman/design-system-opsThe accessibility-per-component skill has an AI coding agent audit one design system component against WCAG 2.2 AA across keyboard, screen reader, contrast, focus and ARIA.207GitHub stars Skill · Web design and UXAccessibility Review Skill: WCAG 2.1 AA Auditsanthropics/knowledge-work-pluginsThe accessibility-review skill audits a Figma design, a live page or a description against WCAG 2.1 AA, with findings grouped under the four WCAG principles and rated by severity.26.2KGitHub stars Skill · Web design and UXAccessibility Skill: WCAG 2.2 for Web, iOS and Androidaffaan-m/ECCThe accessibility skill in ECC has an AI coding agent specify and audit interfaces against WCAG 2.2 level AA, mapping one ARIA label to its iOS and Android equivalents.274.6KGitHub stars Skill · Web design and UXAccessibility Testing Skill: WCAG 2.2 Quick Reference for AI Agentsproffesor-for-testing/agentic-qeThe accessibility-testing skill gives an AI coding agent a WCAG 2.2 quick reference with POUR checks, contrast ratios, keyboard tests, axe-core automation and a screen reader checklist.499GitHub stars Skill · Web design and UXAccessible Motion Skill: Reduced Motion for Vestibular Safetydylantarre/animation-principlesThe accessible-motion skill teaches an AI coding agent to replace bounce with opacity changes, honor prefers-reduced-motion and check animations against three WCAG criteria.102GitHub stars Skill · Web design and UXAesthetic Usability Skill: Polish That Builds User TrustOwl-Listener/designer-skillsThe aesthetic-usability skill has your AI coding agent apply the Aesthetic-Usability Effect with five steps, so consistent polish builds trust without masking real usability problems.2.9KGitHub stars Skill · Web design and UXAffinity Diagram Skill: Cluster Research Into InsightsOwl-Listener/designer-skillsThe affinity-diagram skill has your AI coding agent cluster qualitative research into themes and insight statements, sampling every participant evenly across interviews.2.9KGitHub stars Skill · Web design and UXAI Design Generation Skill: Prompts and Quality Scoringphazurlabs/sumiThe ai-design-generation skill has an AI coding agent produce mockups, icons, illustrations and video through MCP image models, using prompt patterns, a curation loop and brand compliance scoring.55GitHub stars Skill · Web design and UXAI-Native UX Skill: Design Interfaces Around AI Outputrefoundai/lenny-skillsThe ai-native-ux skill from Lenny's Skills guides an AI coding agent through agency versus control, non-determinism and feedback loops when you design interfaces around model output.1.4KGitHub stars Skill · Web design and UXAnalyse Design Skill: Reverse-Engineer a Design Systemsammcj/agentic-codingThe analyse-design skill makes an AI coding agent read a codebase or screenshots and write down the colors, type, spacing and patterns that make up an existing design system.162GitHub 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.