Design skills
Design Skills
Agent skills for design and WordPress work, each linked to its original GitHub repository.
363 entries
Skill · Web design and UXARIA Live Regions Skill for AI Coding Agentsmgifford/accessibility-skillsThe aria-live-regions skill picks the right role and timing for dynamic status messages, alerts and loading states instead of adding live-region markup by habit.56GitHub starsSkill · Web design and UXassembling-components Skill: Wire UI Parts Into One Projectancoleman/ai-design-componentsThe assembling-components skill is the capstone of a UI skill chain. It validates design token use, scaffolds React, Python or Rust projects and wires imports and providers together.526GitHub starsSkill · Design systems and tokensAtomic Design Fundamentals Skill: Quarks to Pagesthebushidocollective/hanThe atomic-design-fundamentals skill adds a quarks layer for design tokens to Brad Frost's methodology and tells an AI coding agent how to sort UI components into six strict levels.198GitHub starsSkill · Web design and UXAwwwards Animations Skill: GSAP, Motion and Lenis for Reactdevmartinese/awwwards-animations-skillThe awwwards-animations skill gives an AI coding agent React-first patterns for GSAP, Motion, Anime.js and Lenis, from smooth scroll and parallax to cursors and text effects.15GitHub starsSkill · Web design and UXAwwwards Landing Page Skill: Next.js Designer Portfolio Templaterebyteai-template/rebyte-skillsThe awwwards-landing-page skill tells an AI coding agent how to clone, build, run and deploy a Next.js designer portfolio template animated with Locomotive Scroll, GSAP and Framer Motion.17GitHub starsSkill · Web design and UXAxiom Accessibility Skill: Audit iOS App AccessibilityCharlesWiltgen/AxiomThe axiom-accessibility skill routes an AI coding agent to checklists for VoiceOver, Dynamic Type, contrast, touch targets and UX dead ends in native Apple apps.1.2KGitHub starsSkill · Web design and UXBaoyu Design Skill: HTML Mockups, Prototypes and DecksJimLiu/baoyu-designThe baoyu-design skill packages a hosted design tool's method as a portable skill, so a local coding agent can produce mockups, prototypes, wireframes and slide decks as plain HTML.4.3KGitHub starsSkill · Web design and UXBeautiful Article Skill: Turn Sources into HTML PagesConardLi/garden-skillsThe beautiful-article skill turns a URL, PDF, DOCX, Markdown file or pasted text into one shareable HTML article, built through a staged plan, preview and review flow.12.7KGitHub starsSkill · Web design and UXBencium Design Audit Skill: Phased UI Refinement Plansbencium/bencium-marketplaceThe bencium design-audit skill reads your project docs and live app, audits 15 visual dimensions and returns a three phase refinement plan, then waits for approval.444GitHub starsSkill · Web design and UXbencium-controlled-ux-designer Skill: Ask Before Every Design Callbencium/bencium-marketplaceThe bencium-controlled-ux-designer skill holds an AI agent to an ask-first rule for colors, fonts, sizes and layouts, backed by WCAG 2.1 AA contrast and fixed type and spacing scales.445GitHub starsSkill · Web design and UXBetter Accessibility Skill: WCAG 2.2 Review and Fixesjakubkrehel/skillsThe better-accessibility skill has an AI coding agent walk your UI by keyboard and screen reader, then report each failure against the WCAG 2.2 criterion it breaks.7.5KGitHub starsSkill · Web design and UXBetter Colors Skill: Palettes, Tokens and Contrastjakubkrehel/skillsThe better-colors skill makes an AI coding agent build OKLCH ramps, name semantic color tokens, convert formats and measure contrast pairs instead of estimating them.7.5KGitHub 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