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 UXSolo Founder UX Design Skill: Flows and Navigationwhawkinsiv/solo-founder-skillsThe ux-design skill in the solo-founder-skills sf-design plugin gives an AI agent rules for navigation, user flows, error messages, progressive disclosure and perceived speed in SaaS apps.252GitHub stars Skill · Figma and design to codeSpellbook Figma to Code Skill: React and Tailwindmajiayu000/spellbookThe figma-to-code skill in majiayu000/spellbook turns Figma MCP output into React and Next.js components with TypeScript and Tailwind, using strict rules about positioning, fonts and fixed heights.286GitHub stars Skill · Web design and UXSpine Animation AI Skill for 2D Skeletal RiggingGenielabsOpenSource/spine-animation-aiThe spine-animation-ai skill rigs a 2D character from body-part images, builds a bone hierarchy, generates stock animations and previews the result in a browser.544GitHub stars Skill · Figma and design to codeStitch Code to Design Skill: Move a Running Frontend into Stitchgoogle-labs-code/stitch-skillsThe stitch-code-to-design skill moves an existing Vite, React, Angular or Vue frontend into a Stitch project by chaining HTML extraction, a DESIGN.md and an upload.8.4KGitHub stars Skill · Design systems and tokensStitch Design System Skill: Tokens, Tailwind v4 and DESIGN.mdgabelul/stitch-kitThe stitch-design-system skill has an AI coding agent extract a Stitch design into design-tokens.css, a Tailwind v4 theme block and an extended DESIGN.md with dark mode and motion tokens.45GitHub stars Skill · Web design and UXStitch Extract DESIGN.md Skill: Read a Design System from Source Codegoogle-labs-code/stitch-skillsThe stitch-extract-design-md skill reads stylesheets, Tailwind configs and theme files from a frontend repo and writes a Stitch-ready DESIGN.md, with no build or running app required.8.4KGitHub stars Skill · Web design and UXStitch Extract Static HTML Skill: Snapshot Any Web App as One Filegoogle-labs-code/stitch-skillsThe stitch-extract-static-html skill snapshots a running web app with headless Chrome and saves one self-contained HTML file, with CSS inlined and images embedded, ready for Stitch.8.4KGitHub stars Skill · Web design and UXStitch Generate Design Skill: Screens, Edits and Variants from Promptsgoogle-labs-code/stitch-skillsThe stitch-generate-design skill sharpens a prompt, then creates Stitch screens from text or images, edits existing screens and generates up to five design variants through the Stitch MCP.8.4KGitHub stars Skill · Web design and UXStitch Manage Design System Skill: Upload DESIGN.md and Apply Itgoogle-labs-code/stitch-skillsThe stitch-manage-design-system skill uploads a DESIGN.md to Stitch, creates a project-level design system from it, and applies that system to existing screens with the MCP tools.8.4KGitHub stars Skill · Web design and UXStitch React Native Skill: Turn Stitch Designs into Native Componentsgoogle-labs-code/stitch-skillsThe stitch-react-native skill has an AI coding agent turn Stitch HTML designs into React Native components with StyleSheet, a theme file and navigation, then keeps them synced.8.4KGitHub stars Skill · Web design and UXStitch React Vite Dashboard Skill: Build Data-Dense Dashboards from Stitchgoogle-labs-code/stitch-skillsThe stitch-react-vite-dashboard skill has an AI coding agent build React and Vite dashboards from Stitch screens, with TanStack Query, DESIGN.md tokens and read-only Web3 patterns.8.4KGitHub stars Skill · Web design and UXStitch Remotion Skill: Make Walkthrough Videos from Stitch Screensgoogle-labs-code/stitch-skillsThe stitch-remotion skill has an AI coding agent pull screens from a Stitch project and render a Remotion walkthrough video with transitions, zoom effects and text overlays.8.4KGitHub 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.