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

37Skill · 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 38Skill · 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 39Skill · 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 40Skill · 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 41Skill · 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 42Skill · 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 43Skill · 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 44Skill · Web design and UXUI Styling Skill: shadcn/ui and Tailwind CSS for AI Agentsnextlevelbuilder/ui-ux-pro-max-skillThe UI styling skill gives an AI coding agent shadcn/ui component patterns, Tailwind CSS utilities, theming and dark mode, accessibility guidance and a canvas-based visual design reference.31.8Kinstalls133.1K stars 45Skill · Web design and UXWeb Quality Audit Skill: Lighthouse-Style Audits for AI Agentsaddyosmani/web-quality-skillsThe web quality audit skill makes an AI coding agent run one evidence-led review across performance, accessibility, SEO, best practices and agentic browsing, with severity levels and a re-check step.29Kinstalls2.9K stars 46Skill · Web design and UXCore Web Vitals Skill: Fix LCP, INP and CLS With AI Agentsaddyosmani/web-quality-skillsThe Core Web Vitals skill makes an AI coding agent diagnose LCP, INP and CLS from CrUX and trace evidence before editing, then verify with an equivalent lab run.28.4Kinstalls2.9K stars 47Skill · Web design and UXBaseline UI Skill for Cleaner AI-Built Interfacesibelick/ui-skillsThe baseline-ui skill from ibelick/ui-skills gives an AI coding agent a list of MUST, SHOULD and NEVER rules for Tailwind interfaces, animation, accessibility and layout.21.4Kinstalls9.4K stars 48Skill · Web design and UXApple Design Skill: Fluid Interface Rules for the Webboraoztunc/skillsThe apple-design skill teaches an AI coding agent Apple's fluid interface principles for the web: springs, velocity handoff, momentum projection, translucent materials and reduced motion.117installs388 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.