Design skills
Design Skills
Agent skills for design and WordPress work, each linked to its original GitHub repository.
369 entries
Skill · Web design and UXAnti UI Slop Skill: Ground AI Interfaces in Real Screensgithub/awesome-copilotThe anti-ui-slop skill, written by UIZZE, makes an AI coding agent build web and iOS interfaces from the product brief, then runs a finish gate before it ships.39.7KGitHub starsSkill · Web design and UXAnti-Slop Design Skill: Fix Generic AI Interfaceswwewtech/anti-slop-designThe anti-slop-design skill gives an AI coding agent a banned list of 12 generic UI tropes, four style archetypes and a seven-axis quality check to run before it ships.1GitHub starsSkill · Web design and UXAnti-Slop Skill: 73 Deterministic Guards for HTML and CSSGesso-Build/skillsThe anti-slop skill gives an AI coding agent a deterministic check of HTML and CSS against 73 slop guards, applies safe auto-fixes and reports the rest with concrete edits.92GitHub starsSkill · Web design and UXAnyDesign Skill: Turn Any Design Into design.mduxKero/anydesignThe anydesign skill turns a screenshot, a website or a Figma file into a design.md, a W3C DTCG token file and, for single elements, a rebuild prompt.215GitHub starsSkill · Web design and UXApp UI UX Best Practices Skill: Two-Track Design Methodtouchine-ojo/OJO-Design-SkillsThe app-ui-ux-best-practices skill has an AI coding agent pick a Convention or Innovation track, confirm a style direction, then output tokens, Tailwind component recipes and motion specs.162GitHub starsSkill · 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 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