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 · 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 Craft Skill: Design Engineering System for AI Agentseduclopez/ui-craftThe ui-craft skill gives an AI coding agent anti-slop rules, a discovery phase before coding, tunable knobs and 25 slash commands, so a dashboard request returns a production-ready screen.368GitHub 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 Skill · Web design and UXUI Modernizer Skill: Restyle Tailwind UIs SafelyRosalina7515/ui-modernizerThe ui-modernizer skill has your AI coding agent restyle a React, Vue or Svelte plus Tailwind UI from one prompt, touching only the visual layer with a backup and rollback.33GitHub 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.