Design skills

Design Skills

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

369 entries

SortMost installed A to Z

49Skill · Web design and UXAnimation Vocabulary Skill: Name Any Motion Effectbabznxbz/website-skillThe animation-vocabulary skill turns a vague description of a web animation into its exact name, so you can ask an AI coding agent for the effect you actually want.2installs Skill · Web design and UXA11y Ally Skill: WCAG Audits with axe-core, pa11y and Lighthouseproffesor-for-testing/agentic-qeThe a11y-ally skill has an AI coding agent scan a URL with axe-core, pa11y and Lighthouse, then write context-aware fixes, ranked priorities and report files.499GitHub stars Skill · Design systems and tokensAbsolute UI Skill: Concrete CSS Values for AI Agentsmaddhruv/absoluteThe absolute-ui skill gives an AI coding agent exact CSS and Tailwind values for spacing, type, color and dark mode, so generated interfaces stop looking generic.218GitHub stars Skill · Web design and UXAccessibility Audit Skill: WCAG 2.2 Findings by SeverityOwl-Listener/designer-skillsThe accessibility-audit skill has an AI coding agent audit an existing interface against WCAG 2.2 and report each barrier with a severity rating, a criterion and remediation steps.2.8KGitHub stars 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

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.