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 tokensMotion System Skill: Duration and Easing TokensOwl-Listener/designer-skillsThe motion-system skill gives an AI agent six duration tokens from 50ms to 600ms, named easing curves, stagger rules and a reduced-motion plan to apply across a product.2.8KGitHub stars Skill · Web design and UXNickture Interface Skill: Checkable UI Design Rulesnickture/skillsThe nickture-interface skill gives your AI coding agent checkable rules for typography, color, spacing, forms, states, motion and accessibility, with a quick pass for the most visible mistakes.21GitHub stars Skill · Web design and UXNothing Design Skill: Monochrome, Typographic, Industrial UIdominikmartn/nothing-design-skillThe nothing-design skill gives an AI coding agent a monochrome, typographic, industrial design language, with a three layer hierarchy, font budget, spacing rules and a list of banned UI habits.2.8KGitHub stars Skill · Web design and UXNuxt UI Skill: Vue Components, Themes and Layout Recipesnuxt/uiThe nuxt-ui skill teaches an AI coding agent Nuxt UI v4: which of its 125 plus Vue components to pick, how to theme them with semantic colors, and how to...7.0KGitHub stars Skill · Web design and UXOctopus UI/UX Design Skill: Style Guides, Palettes and Specsnyldn/claude-octopusThe octopus-ui-ux-design skill runs an enforced workflow of blocking questions, BM25 design search and adversarial critique before an AI coding agent hands you tokens and component specs.4.2KGitHub stars Skill · Web design and UXOnboarding UX Skill: Audit and Fix New User Flowsjezweb/claude-skillsThe onboarding-ux skill has an AI coding agent browse your web app as a first-time user, then write the empty states, tours, tooltips and help content that fill the gaps.1.1KGitHub stars Skill · Figma and design to codeOpenAI Figma Use Skill: Rules for Writing to Figmaopenai/skillsThe figma-use skill from the openai/skills catalog gives an AI coding agent the Plugin API rules it needs before every use_figma call, so scripts that edit your Figma file run...27.9KGitHub stars Skill · Web design and UXOpenDesign Design Refine Skill: Small Patches for an Existing Artifactnexu-io/open-designThe od-design-refine skill improves an existing OpenDesign artifact in five steps, picks one of six directions, and ships small reviewable patches instead of a redesign.100.7KGitHub stars Skill · Web design and UXPencil Design Skill: Design Rules for the Pencil MCPNisus74/pencil-skillThe pencil-design skill gives an AI coding agent a design workflow and discipline rules for the Pencil MCP, from naming and themes to responsive frames and accessibility checks.25GitHub stars Skill · Web design and UXPenpot UI/UX Design Skill: Design in Penpot with an AI Agentgithub/awesome-copilotThe penpot-uiux-design skill lets an AI coding agent create components, screens and design systems in Penpot through the penpot-mcp server, with spacing, color and accessibility rules built in.39.7KGitHub stars Skill · Web design and UXPlatform Design Android: Material Design 3 Rules for Agentsehmo/platform-design-skillsPlatform Design Android is a SKILL.md that teaches an AI coding agent Material Design 3, from dynamic color and navigation bars to predictive back and foldable layouts.604GitHub stars Skill · Web design and UXPlatform Design iPadOS: iPad HIG Rules for AI Agentsehmo/platform-design-skillsPlatform Design iPadOS tells an AI coding agent that an iPad is not a big iPhone, then backs it with rules for multitasking, sidebars, pointer, keyboard, Pencil and drag and...604GitHub 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.