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

Skill · Design systems and tokensTheming Components Skill: Design Tokens and Themesancoleman/ai-design-componentsThe theming-components skill gives an AI coding agent a seven category design token system with light and dark themes, RTL support through logical properties and WCAG contrast checks.526GitHub stars Skill · Web design and UXThree.js WebGL Skill for AI Coding Agentsfreshtechbro/claudedesignskillsThe threejs-webgl skill sets up scenes, cameras, lighting and instanced rendering for Three.js so an AI coding agent builds 3D web pages without repeating setup mistakes.1.1KGitHub stars Skill · Design systems and tokensTinte Skill: Install shadcn Themes and PresetsRailly/tinteThe tinte skill lets your AI coding agent browse, install and preview tinte.dev themes through the shadcn preset API, built on 13 semantic OKLCH tokens per mode.624GitHub stars Skill · Web design and UXTypography Audit Skill: 78 Rules for Web Typemblode/agent-skillsThe typography-audit skill sends an AI coding agent through 78 web typography rules covering font loading, type scales, punctuation and spacing, and reports each finding with a location and fix.143GitHub stars Skill · Web design and UXTypography Scale Skill: Sizes, Ratios and MeasureOwl-Listener/designer-skillsThe typography-scale skill has an AI agent build a type scale from a ratio such as 1.25, with sizes from 12 to 64px, weights, line heights and measure.2.8KGitHub stars Skill · Web design and UXUI Animation Skill: Easing, Springs and Motion Reviewmblode/agent-skillsThe ui-animation skill gives an AI coding agent easing tables, spring and gesture guidance, a review format and a method for fitting curves to screen recordings of existing motion.142GitHub stars Skill · Web design and UXUI Craft Dense Dashboard Skill: Compact Data Interfaceseduclopez/ui-craftThe ui-craft-dense-dashboard skill locks CRAFT 7, MOTION 3 and DENSITY 9, guiding your agent toward compact tables, mono IDs, tabular numbers and a semantic OKLCH palette.379GitHub stars Skill · Web design and UXUI Craft Editorial Skill: Magazine-Style Reading Layoutseduclopez/ui-craftThe ui-craft-editorial skill locks CRAFT 9, MOTION 4 and DENSITY 3, guiding your agent toward serif display type, a 65ch reading column, an ivory canvas and drop caps.379GitHub stars Skill · Web design and UXUI Craft Minimal Skill: Whitespace-Heavy Interfaceseduclopez/ui-craftThe ui-craft-minimal skill locks CRAFT 8, MOTION 3 and DENSITY 2, steering an AI agent toward monochrome, hairline borders and generous whitespace in the style of Linear, Notion or Vercel.379GitHub stars Skill · Web design and UXUI Design Brain Skill: Component Rules for AI Agentscarmahhawwari/ui-design-brainThe ui-design-brain skill gives an AI coding agent reference rules for 60 UI components, five design directions and an anti-pattern list, so generated interfaces look designed.893GitHub stars Skill · Web design and UXUI Design Review Skill: Score Visual Design Qualitymastepanoski/claude-skillsThe ui-design-review skill has an AI coding agent score an interface across ten visual dimensions, from hierarchy to modern standards, and return a 100-point report with severity and effort.54GitHub stars Skill · Web design and UXUI Designer Skill: Extract a Design System from Screenshotsdaymade/claude-code-skillsThe ui-designer skill reads reference screenshots, writes a design system from them, drafts a product PRD, and composes a prompt that has an AI coding agent build matching React screens.1.4KGitHub 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.