Design skills

Design Skills

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

78 entries

SortMost installed A to Z

1Skill · Web design and UXFrontend Design Skillanthropics/skillsThe frontend-design skill from Anthropic makes your agent plan a distinct design from your brief before it writes code, and steer clear of the five looks AI pages default to.954.8Kinstalls179.7K stars 2Skill · Web design and UXVercel React Best Practices Skill: 70 Performance Rulesvercel-labs/agent-skillsThe vercel-react-best-practices skill gives an AI coding agent 70 React and Next.js performance rules from Vercel Engineering, ranked by impact from waterfalls to micro-optimizations.763.2Kinstalls31.9K stars 3Skill · Web design and UXWeb Design Guidelines Skill: Review UI Codevercel-labs/agent-skillsThe web-design-guidelines skill has an AI coding agent review your UI code against Vercel's Web Interface Guidelines and report terse file:line findings you can fix.690Kinstalls31.9K stars 4Skill · Web design and UXDesign Mobile Apps Skill: Sleek Screens From Your Agentdesigned-by-ai/skillsThe design-mobile-apps skill lets an AI coding agent drive the Sleek design API to create mobile app screens, then pull the HTML into React Native or SwiftUI.557.3Kinstalls10 stars 5Skill · Web design and UXDesign Taste Frontend Skill: Anti-Slop UIleonxlnx/taste-skillThe design-taste-frontend skill makes an AI coding agent read your brief, pick a design direction and three dials, then build pages that avoid the usual templated look.548Kinstalls92.7K stars 6Skill · Web design and UXHigh-End Visual Design Skill: Agency-Grade UIleonxlnx/taste-skillThe high-end visual design skill steers an AI coding agent toward expensive-looking interfaces, with nested card shells, pill buttons, spring-like motion and a ban list of cheap defaults.400Kinstalls92.7K stars 7Skill · Web design and UXRedesign Existing Projects Skill: Audit, Then FixLeonxlnx/taste-skillA skill from the taste-skill repository that makes an AI coding agent audit an existing site for generic AI patterns, then apply targeted fixes without breaking functionality.398Kinstalls92.7K stars 8Skill · Web design and UXUI UX Pro Max Skill: Design Search for Agentsnextlevelbuilder/ui-ux-pro-max-skillThe ui-ux-pro-max skill gives an AI coding agent a local, searchable database of styles, palettes, font pairings and UX rules, then has it build a design system before it codes.379Kinstalls133.1K stars 9Skill · Design systems and tokensshadcn Skill: shadcn/ui Rules for AI Agentsshadcn-ui/uiThe shadcn skill teaches an AI coding agent to find, install, compose and style shadcn/ui components with the correct APIs, using your project's own components.json as context.356Kinstalls125.1K stars 10Skill · Web design and UXIndustrial Brutalist UI Skill: Swiss and Terminal Stylesleonxlnx/taste-skillThe industrial-brutalist-ui skill gives an AI coding agent a hard design language: rigid grids, huge uppercase type, one red accent, monospace data and simulated analog grain.344.7Kinstalls92.7K stars 11Skill · Web design and UXStitch Design Taste Skill: DESIGN.md for Google Stitchleonxlnx/taste-skillThe stitch-design-taste skill teaches an AI agent to write a DESIGN.md for Google Stitch, encoding color, type, layout, motion and anti-patterns so generated screens avoid generic AI looks.343.8Kinstalls92.7K stars 12Skill · Figma and design to codeImage to Code Skill: Generate References, Then BuildLeonxlnx/taste-skillAn image-first skill from the taste-skill repository that makes an AI coding agent generate design images, analyze them closely, and only then write the frontend.331Kinstalls92.7K 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.