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

70Skill · Web design and UXImagegen Frontend Web Skill: Website Design Referencesmakies06/imagegen-frontend-webThe imagegen-frontend-web skill makes an AI agent with image generation produce premium website design references through a six-block prompt template, a variation engine and a self-critique gate.1installs1 stars Skill · Web design and UXImpeccable Design Polish Skill: Six Modes for a Finished Pagenexu-io/open-designThe impeccable-design-polish skill is a post-generation pass with six modes: audit, critique, polish, animate, harden and live. It edits an existing HTML page instead of restarting it.100.7KGitHub stars Skill · Web design and UXInteraction Design Skill: Motion, Feedback and Stateswshobson/agentsThe interaction-design skill from wshobson/agents gives an AI coding agent timing bands, easing curves, microinteractions and reduced motion handling for polished loading states and transitions.40.2KGitHub stars Skill · Web design and UXInterface Review Skill: Audit a Branch or Pull Requestjakubkrehel/skillsThe interface-review skill reviews a branch, pull request or uncommitted change for the interface problems it introduced or regressed, and labels each finding by cause.7.5KGitHub stars Skill · Web design and UXiOS Design Skill: SwiftUI and Apple HIG Patternswshobson/agentsThe mobile-ios-design skill gives an AI coding agent Apple Human Interface Guidelines and SwiftUI patterns for stacks, navigation, SF Symbols, Dynamic Type and dark mode.40.2KGitHub stars Skill · Figma and design to codeJetBrains Figma Skill: Figma MCP to Production CodeJetBrains/skillsThe figma skill in JetBrains/skills makes an AI coding agent fetch design context and a screenshot through the Figma MCP server before it writes any code for a node.363GitHub stars Skill · Web design and UXJezweb Design Review Skill: Audit Visual Polishjezweb/claude-skillsThe Jezweb design-review skill has an AI coding agent inspect a live page for spacing, type, colour and consistency problems, then write a severity-ranked findings report.1.0KGitHub stars Skill · Web design and UXLavish Design Skill: Brand Tokens and Rules for HTML Artifactskunchenguid/lavish-axiThe lavish-design skill gives an AI coding agent one brand's ink, brass and cream token file, type roles and voice rules, so mocks, slides and production code stay on brand.4.0KGitHub stars Skill · Web design and UXLayout Grid Skill: Columns, Gutters, BreakpointsOwl-Listener/designer-skillsThe layout-grid skill gives an AI agent 4, 8 and 12 column grids, gutter and margin sizes, four breakpoints and named page patterns to specify a layout.2.8KGitHub stars Skill · Web design and UXLottie Animations Skill: dotLottie and lottie-react for the Webfreshtechbro/claudedesignskillsThe lottie-animations skill shows an AI coding agent how to render After Effects animations on the web with lottie-web, dotLottie and lottie-react, including playback controls and scroll triggers.992GitHub stars Skill · Web design and UXLottieFiles Motion Design Skill: Timing and Easinglottiefiles/motion-design-skillLottieFiles' motion-design skill gives an AI coding agent four motion personalities, a duration table from 80 to 1200 milliseconds and choreography rules for animations in any library.2.0KGitHub stars Skill · Web design and UXMagic UI Skill: Add Animated Components With shadcnmagicuidesign/magicuiThe magic-ui skill teaches an AI coding agent to pick animated Magic UI components such as marquee, globe and blur-fade, install them through the shadcn registry and check quality afterward.22.5KGitHub 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.