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

39Skill · Web design and UXGSAP Performance Skill: Smooth 60fps Rules for AI Agentsgreensock/gsap-skillsThe gsap-performance skill teaches an AI coding agent to keep GSAP animation smooth: transforms over layout properties, careful will-change, quickTo for mouse followers and tidy cleanup.57.3Kinstalls15.9K stars 40Skill · Web design and UXEnhance Prompt Skill: Better Stitch UI Prompts From an Agentgoogle-labs-code/stitch-skillsThe enhance-prompt skill turns a vague UI idea into a structured Google Stitch prompt by filling gaps, injecting your DESIGN.md and formatting colors with names and roles.57.2Kinstalls8.4K stars 41Skill · Web design and UXGSAP Timeline Skill: Sequencing Rules for AI Agentsgreensock/gsap-skillsThe gsap-timeline skill teaches an AI coding agent to sequence animation with GSAP timelines, the position parameter, labels, nesting and playback control instead of chained delays.57Kinstalls15.9K stars 42Skill · Web design and UXGSAP Plugins Skill: Flip, SplitText and Moregreensock/gsap-skillsThe gsap-plugins skill teaches an AI coding agent the GSAP plugin set: registration, Flip, Draggable, SplitText, SVG plugins, ScrollSmoother, custom eases and the current free licensing.55.6Kinstalls15.9K stars 43Skill · Web design and UXStitch Loop Skill: Autonomous Multi-Page Site Buildsgoogle-labs-code/stitch-skillsThe stitch-loop skill makes an AI coding agent build a multi-page site from Google Stitch by reading a baton file, generating a screen, integrating it, and writing the next baton.55.1Kinstalls8.4K stars 44Skill · Web design and UXGSAP React Skill: useGSAP, Scope and Cleanupgreensock/gsap-skillsThe gsap-react skill teaches an AI coding agent to use GSAP in React and Next.js with the useGSAP hook, scoped selectors, contextSafe callbacks, cleanup and server-render safety.54.8Kinstalls15.9K stars 45Skill · Web design and UXStitch shadcn-ui Skill: shadcn/ui Guidance for Agentsgoogle-labs-code/stitch-skillsThe shadcn-ui skill in stitch-skills gives an AI coding agent a workflow for finding, installing and customizing shadcn/ui components, using the shadcn MCP tools and bundled examples.52.4Kinstalls8.4K stars 46Skill · Web design and UXGSAP Frameworks Skill: Vue, Nuxt and Sveltegreensock/gsap-skillsThe gsap-frameworks skill teaches an AI coding agent GSAP in Vue, Nuxt, Svelte and similar frameworks: mount timing, scoped selectors with gsap.context and cleanup on unmount.52.1Kinstalls15.9K stars 47Skill · Web design and UXStitch React Components Skill: Stitch Designs to Reactgoogle-labs-code/stitch-skillsThe react:components skill makes an AI coding agent convert Google Stitch screens into modular Vite and React components with typed props, theme-mapped Tailwind classes and a validation step.50.7Kinstalls8.4K stars 48Skill · Web design and UXFrontend UI Engineering Skill: Production UI Rules for AI Agentsaddyosmani/agent-skillsThe frontend UI engineering skill makes an AI coding agent build accessible, responsive components that follow your design system, avoid generic AI-looking UI and pass a written verification checklist.48.4Kinstalls101.4K stars 49Skill · Web design and UXWeb SEO Skill: Technical and On-Page SEO for AI Agentsaddyosmani/web-quality-skillsThe web SEO skill makes an AI coding agent check crawlability, metadata, structured data and agent-facing signals with Lighthouse evidence, without inventing ranking factors or promising rankings.48.3Kinstalls2.9K stars 50Skill · Web design and UXHuashu Design Skill: HTML Prototypes, Decks and Motionalchaincyf/huashu-designThe Huashu Design skill lets an AI coding agent build high-fidelity HTML prototypes, slide decks, animations and infographics, always offering three design directions before it builds.47.8Kinstalls24.6K 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.