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

49Skill · Web design and UXWeb SEO Skill: Technical and On-Page SEO for AI Agentsaddyosmani/web-quality-skillsThe web SEO skill makes an AI coding agent check crawlability, metadata, structured data and agent-facing signals with Lighthouse evidence, without inventing ranking factors or promising rankings.48.3Kinstalls2.9K stars 50Skill · Web design and UXHuashu Design Skill: HTML Prototypes, Decks and Motionalchaincyf/huashu-designThe Huashu Design skill lets an AI coding agent build high-fidelity HTML prototypes, slide decks, animations and infographics, always offering three design directions before it builds.47.8Kinstalls24.6K stars 51Skill · Web design and UXLanding Page Design Skill: Layout and CTA Rules for AI Agents101-skills/superpowersThe landing page design skill gives an AI coding agent layout rules for the first screen, headlines, CTA buttons, section order, forms and mobile, plus page speed targets.39.3Kinstalls5 stars 52Skill · Web design and UXFlutter Build Responsive Layout Skillflutter/agent-pluginsThe flutter-build-responsive-layout skill from the Flutter agent-plugins repo teaches an AI coding agent to build Flutter layouts that adapt to window size instead of device type.37.8Kinstalls3.0K stars 53Skill · Web design and UXWeb Performance Skill: Measured Speed Fixes for AI Agentsaddyosmani/web-quality-skillsThe web performance skill makes an AI coding agent measure first with field and lab data, then fix loading, images, fonts, caching and scripts against a stated performance budget.37.7Kinstalls2.9K stars 54Skill · Web design and UXFlutter Fix Layout Issues Skillflutter/agent-pluginsThe flutter-fix-layout-issues skill from the Flutter agent-plugins repo maps common Flutter layout errors to their fixes, so an AI coding agent debugs overflow and unbounded constraints correctly.35.8Kinstalls3.0K stars 55Skill · Web design and UXMigrate Radix to Base UI Skill for shadcn Projectsshadcn-ui/uiThe migrate-radix-to-base skill lets an AI coding agent move shadcn wrappers and Radix compositions to Base UI one component at a time, keeping the project buildable.35.1Kinstalls125.1K stars 56Skill · Web design and UXshadcn Improve Skill: Audit a Codebase, Get Agent Plansshadcn/improveThe improve skill from shadcn makes an AI coding agent audit a codebase read-only and write self-contained plans that a cheaper agent can implement and verify.34.8Kinstalls9.2K stars 57Skill · Web design and UXSwiftUI Expert Skill for AI Coding AgentsAvdLee/SwiftUI-Agent-SkillThe SwiftUI Expert skill by Antoine van der Lee gives an AI coding agent a correctness checklist, a topic router and review workflows for writing and improving SwiftUI code.33.5Kinstalls3.7K stars 58Skill · Web design and UXFirecrawl Website Design Clone Skill: URL to DESIGN.mdfirecrawl/firecrawl-workflowsThe firecrawl-website-design-clone skill makes an AI coding agent scrape one URL with Firecrawl and write a DESIGN.md of its colors, type, spacing and components.33.1Kinstalls182 stars 59Skill · Web design and UXDesign System Skill: Tokens, Specs and Slides for AI Agentsnextlevelbuilder/ui-ux-pro-max-skillThe design system skill gives an AI coding agent a three-layer token architecture, component state specs, token validation scripts and a token-driven slide generator.32.9Kinstalls133.1K stars 60Skill · Web design and UXDesign Skill: Brand, Logo, Slides and Banners for AI Agentsnextlevelbuilder/ui-ux-pro-max-skillThe design skill is an umbrella for an AI coding agent covering brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, social images and icons.32.3Kinstalls133.1K 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.