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

13Skill · Web design and UXImagegen Frontend Mobile Skill: App Screen Mockupsleonxlnx/taste-skillThe imagegen-frontend-mobile skill directs an AI agent to generate premium mobile app screen images and flows, with consistent palettes, readable text and clean phone mockups. It does not write code.321.7Kinstalls92.7K stars 14Skill · 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.314Kinstalls43.5K stars 15Skill · Web design and UXReview Animations Skill: Motion Code Review for Agentsemilkowalski/skillsThe review-animations skill makes an AI coding agent review motion code against ten standards from Emil Kowalski's philosophy and return a findings table with a block or approve verdict.193.6Kinstalls43.5K stars 16Skill · Web design and UXImprove Animations Skill: Audit Motion and Plan Fixesemilkowalski/skillsThe improve-animations skill makes an AI coding agent audit a codebase's motion, rank the findings, and write self-contained plans that any other agent can execute.163.5Kinstalls43.5K stars 17Skill · Web design and UXFind Animation Opportunities Skill: Motion Audit for UIemilkowalski/skillsThe find-animation-opportunities skill sweeps your interface for moments that deserve motion, rejects the rest, and proposes exact curves and durations without touching your code.150Kinstalls43.5K stars 18Skill · 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 19Skill · Web design and UXPick UI Library Skill: Curated Frontend Library Picksemilkowalski/skillsThe pick-ui-library skill makes an AI coding agent choose frontend libraries from Emil Kowalski's curated list instead of hand-rolling toasts, charts or drag and drop.130.3Kinstalls43.5K stars 20Skill · 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 21Skill · 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 22Skill · Web design and UXEmil Kowalski Animate Skill: Build UI Animation Rightemilkowalski/skillsThe animate skill by Emil Kowalski makes an AI coding agent decide whether an element should animate at all, then pick the cheapest tool, easing and duration, with twelve ready...110.4Kinstalls43.5K stars 23Skill · 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 24Skill · 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

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.