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

Skill · Web design and UXAffinity Diagram Skill: Cluster Research Into InsightsOwl-Listener/designer-skillsThe affinity-diagram skill has your AI coding agent cluster qualitative research into themes and insight statements, sampling every participant evenly across interviews.2.9KGitHub stars Skill · Web design and UXAI Design Generation Skill: Prompts and Quality Scoringphazurlabs/sumiThe ai-design-generation skill has an AI coding agent produce mockups, icons, illustrations and video through MCP image models, using prompt patterns, a curation loop and brand compliance scoring.55GitHub stars Skill · Web design and UXAI-Native UX Skill: Design Interfaces Around AI Outputrefoundai/lenny-skillsThe ai-native-ux skill from Lenny's Skills guides an AI coding agent through agency versus control, non-determinism and feedback loops when you design interfaces around model output.1.4KGitHub stars Skill · Web design and UXAnalyse Design Skill: Reverse-Engineer a Design Systemsammcj/agentic-codingThe analyse-design skill makes an AI coding agent read a codebase or screenshots and write down the colors, type, spacing and patterns that make up an existing design system.162GitHub stars Skill · Web design and UXAndroid Design Skill: Material 3 and Jetpack Composewshobson/agentsThe mobile-android-design skill points an AI coding agent at Material Design 3 and Jetpack Compose, from dynamic color and WindowSizeClass to 48dp touch targets and state hoisting.40.2KGitHub stars Skill · 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.51.6KGitHub stars Skill · Web design and UXAnimated Component Libraries Skill: Magic UI and React Bitsfreshtechbro/claudedesignskillsThe animated-component-libraries skill teaches an AI coding agent to pick and wire up Magic UI and React Bits components, so landing pages get motion without hand-written animation code.992GitHub stars Skill · Web design and UXAnimation Performance Skill for AI Coding Agentsemilkowalski/skillsThe animation-performance skill diagnoses janky animations by checking whether every frame finishes inside its budget, then fixes the cause instead of guessing.47.5KGitHub stars Skill · Web design and UXAnimation Principles Skill: Easing, Duration and Stagger for UI MotionOwl-Listener/designer-skillsThe animation-principles skill gives an AI coding agent concrete easing, duration and stagger rules for tuning how one UI animation feels, from tooltips to modals.2.9KGitHub stars Skill · Web design and UXAnime.js Animation Skill for Staggered Web Motionsickn33/agentic-awesome-skillsThe animejs-animation skill directs an AI coding agent to build layered timelines, staggered reveals and SVG path motion with Anime.js, matched to the installed major version.47.9KGitHub stars Skill · Design systems and tokensAnt Design Skill: antd 6, Pro and X Decision Guideant-design/antd-skillThe ant-design skill makes an AI coding agent query the antd CLI before writing component code, then decide on tokens, providers, server rendering and accessibility checks across antd, Pro and...136GitHub stars Skill · Web design and UXAnthropic Frontend Design Skill: Avoid Templated UIfcakyon/claude-codex-settingsThe anthropic-frontend-design skill makes an AI coding agent write a design plan first, check it against the brief for generic defaults, and only then build a distinctive interface.1.2KGitHub 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.