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

13Skill · Web design and UXEmil Design Eng Skill: Animation and UI Polish Rulesemilkowalski/skillsA design-engineering skill from Emil Kowalski that teaches an AI coding agent when to animate, which easing and duration to use, and how to review UI details.314Kinstalls51.2K stars 14Skill · Web design and UXVercel React View Transitions Skill: Native UI Animationvercel-labs/agent-skillsThe vercel-react-view-transitions skill teaches an AI coding agent to animate route changes, shared elements and lists with React's ViewTransition component and CSS, without a motion library.140.3Kinstalls31.9K stars 15Skill · Web design and UXExtract Design System Skill: Design Tokens From a URLarvindrk/extract-design-systemThe extract-design-system skill makes an AI coding agent read a public website's colors, type, spacing, radii and shadows and write them as starter design tokens in JSON and CSS.129.7Kinstalls232 stars 16Skill · Web design and UXCanvas Design Skill: Posters and Visual Art From an Agentanthropics/skillsThe canvas-design skill makes an AI agent write a short design philosophy, then express it as a single-page poster or art piece in PNG or PDF, mostly visual with little...113.1Kinstalls179.7K stars 17Skill · Web design and UXBrand Guidelines Skill: Apply a Brand to Agent Outputanthropics/skillsThe brand-guidelines skill in anthropics/skills shows how an AI agent applies a fixed brand palette and type pairing to slides and documents, using Anthropic's own brand as the worked example.98.9Kinstalls179.7K stars 18Skill · Web design and UXTheme Factory Skill: Ten Preset Themes for Agent Outputanthropics/skillsThe theme-factory skill gives an AI agent ten ready themes with color palettes and font pairs for slides, docs, reports and landing pages, and can generate a custom theme on...88.8Kinstalls179.7K stars 19Skill · Web design and UXAudit Website Skill: squirrelscan Site Audits for AI Agentssquirrelscan/skillsThe audit website skill has an AI coding agent run the squirrel CLI, map findings to source files, fix them in batches and re-audit the site.72.1Kinstalls94 stars 20Skill · Web design and UXTailwind Design System Skill: Tailwind v4 Tokens and Variantswshobson/agentsThe tailwind-design-system skill teaches an AI coding agent to build Tailwind CSS v4 design systems with OKLCH tokens, CSS-first theme config, class-variance-authority components and a v3 migration path.66.9Kinstalls40.2K stars 21Skill · Web design and UXTypeset Skillpbakaus/impeccableImpeccable typeset is the command that makes your AI coding agent audit type roles, scale and reading measure, then fix hierarchy inside the fonts you already use.66.4Kinstalls93.5K stars 22Skill · Web design and UXDesign MD Skill: Write a DESIGN.md From a Stitch Projectgoogle-labs-code/stitch-skillsThe design-md skill makes an AI coding agent read a Google Stitch project through the Stitch MCP and write a DESIGN.md that describes its look in plain language.63.3Kinstalls8.4K stars 23Skill · Web design and UXGSAP Core Skill: Official Tween Rules for AI Agentsgreensock/gsap-skillsThe gsap-core skill is GreenSock's official guidance for AI coding agents on the GSAP core API: tweens, easing, stagger, defaults and reduced-motion handling.61.8Kinstalls15.9K stars 24Skill · Web design and UXGSAP ScrollTrigger Skill: Scroll Animation Rulesgreensock/gsap-skillsThe gsap-scrolltrigger skill teaches an AI coding agent GSAP ScrollTrigger: triggers, start and end positions, scrub, pinning, batch, horizontal scroll, refresh and cleanup.59.5Kinstalls15.9K 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.