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 · 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 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 Skill · Web design and UXAnti UI Slop Skill: Ground AI Interfaces in Real Screensgithub/awesome-copilotThe anti-ui-slop skill, written by UIZZE, makes an AI coding agent build web and iOS interfaces from the product brief, then runs a finish gate before it ships.39.7KGitHub stars Skill · Web design and UXAnti-Slop Design Skill: Fix Generic AI Interfaceswwewtech/anti-slop-designThe anti-slop-design skill gives an AI coding agent a banned list of 12 generic UI tropes, four style archetypes and a seven-axis quality check to run before it ships.1GitHub stars Skill · Web design and UXAnti-Slop Skill: 73 Deterministic Guards for HTML and CSSGesso-Build/skillsThe anti-slop skill gives an AI coding agent a deterministic check of HTML and CSS against 73 slop guards, applies safe auto-fixes and reports the rest with concrete edits.92GitHub stars Skill · Web design and UXAnyDesign Skill: Turn Any Design Into design.mduxKero/anydesignThe anydesign skill turns a screenshot, a website or a Figma file into a design.md, a W3C DTCG token file and, for single elements, a rebuild prompt.215GitHub stars Skill · Web design and UXApp UI UX Best Practices Skill: Two-Track Design Methodtouchine-ojo/OJO-Design-SkillsThe app-ui-ux-best-practices skill has an AI coding agent pick a Convention or Innovation track, confirm a style direction, then output tokens, Tailwind component recipes and motion specs.162GitHub 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.