Design skills

Design Skills

Agent skills for design and WordPress work, each linked to its original GitHub repository.

76 entries

SortMost installed A to Z

27Skill · Web design and UXImpeccable Colorize Skill: Strategic Color for AI Agentspbakaus/impeccableImpeccable colorize is the command that makes an AI coding agent treat color as hierarchy and meaning, building role-based palettes with contrast checks instead of scattering decorative swatches.83Kinstalls76.8K stars 28Skill · Web design and UXAnimate Expo Skill: React Native Animation for Agentsemilkowalski/skillsThe animate-expo skill makes an AI coding agent build React Native and Expo animation with Reanimated, Gesture Handler and haptics, keeping gesture work off the JavaScript thread.76.3Kinstalls43.5K stars 29Skill · Web design and UXLanding Page Conversion Audit Skill for AI Coding Agentsautonnel/autonnel-skillsThe landing page conversion audit skill makes an AI coding agent review a page for conversion leaks and return a fix list ranked by expected revenue impact, capped at seven...74.3Kinstalls358 stars 30Skill · 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 31Skill · 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 32Skill · 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.4Kinstalls76.8K stars 33Skill · 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 34Skill · 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 35Skill · 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 36Skill · Web design and UXBuilding Native UI Skill for Expo Appsexpo/skillsThe building-native-ui skill from the Expo skills repo teaches an AI coding agent to build Expo and React Native screens with native controls, safe layouts and platform styling.59.3Kinstalls2.7K stars 37Skill · Web design and UXPage CRO Skill: Conversion Rate Optimization for AI Agentscoreyhaines31/marketingskillsThe page CRO skill makes an AI coding agent review a marketing page across seven conversion dimensions and return quick wins, high-impact changes, test ideas and copy alternatives.58.2Kinstalls53.3K stars 38Skill · Web design and UXWeb Accessibility Skill: WCAG 2.2 Audits for AI Agentsaddyosmani/web-quality-skillsThe web accessibility skill gives an AI coding agent a WCAG 2.2 audit workflow with Lighthouse evidence, code patterns for keyboard, contrast and ARIA, and a ranked list of common...57.8Kinstalls2.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.