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 UXStitch site-md Skill: Write a SITE.md Project Constitutiongoogle-labs-code/stitch-skillsThe site-md skill reads a project brief and writes .stitch/SITE.md, a long-term memory file holding identity, visual vibe, file structure, sitemap and roadmap for the Stitch build loop.8.4KGitHub stars Skill · Web design and UXStitch Taste Design Skill: DESIGN.md for Premium UIgoogle-labs-code/stitch-skillsThe taste-design skill has an AI coding agent write a DESIGN.md for Google Stitch that bans generic AI styling and sets strict type, color, layout and motion rules.8.4KGitHub stars Skill · Web design and UXStyleSeed Skill: 74 Craft Rules, a Scored Gate and a Design Lockbitjaru/styleseedStyleSeed is an open source design method engine for coding agents, with 74 craft rules, a scored gate that triggers revision below 80, and a STYLESEED.md lock against drift.967GitHub stars Skill · Web design and UXSuperdesign Skill: Design on an Infinite Canvassuperdesigndev/superdesign-skillThe superdesign skill lets an AI coding agent design UI, presentations and graphics on the Superdesign canvas through a CLI, with a choice of AI models and resumable work.628GitHub stars Skill · Web design and UXSwift Accessibility Skill: SwiftUI, UIKit and AppKit for AI Coding AgentsPasqualeVittoriosi/swift-accessibility-skillThe Swift accessibility skill has an AI coding agent build accessibility into SwiftUI, UIKit and AppKit code and audit it against all 9 App Store Accessibility Nutrition Labels.82GitHub stars Skill · Web design and UXTailwind 4 Skill from Gentleman SkillsGentleman-Programming/Gentleman-SkillsA short Tailwind CSS 4 skill that stops an AI coding agent from writing var() or hex values inside className, and shows when cn() is worth using.657GitHub stars Skill · Web design and UXTailwind CSS Development Skill for UI Classeslaravel/boostThe tailwindcss-development skill from Laravel Boost teaches an AI coding agent to write Tailwind v3 utility classes with gap spacing, dark variants and your project's own conventions.3.6KGitHub stars Skill · Web design and UXTailwind Patterns Skill: Tailwind CSS v4 Principles for Agentsvudovn/ag-kitThe tailwind-patterns skill gives an AI coding agent a twelve-part Tailwind CSS v4 playbook: CSS-first @theme setup, container queries, OKLCH color tokens, dark mode and anti-patterns to avoid.8.2KGitHub stars Skill · Web design and UXtailwind-css-patterns Skill: A Utility-First Styling Guidegiuseppe-trisciuoglio/developer-kitThe tailwind-css-patterns skill gives an AI agent a Tailwind v4.1+ playbook: mobile-first breakpoints, component examples, dark mode, best practices and eight reference files.355GitHub stars Skill · Design systems and tokensTheme Audit Skill: Theme Parity and Token Coveragemurphytrueman/design-system-opsThe theme-audit skill has an AI coding agent check every theme for missing tokens, component tokens that bypass semantics, contrast failures and likely theme-switch regressions, then write a report.207GitHub stars Skill · Design systems and tokensTheming Components Skill: Design Tokens and Themesancoleman/ai-design-componentsThe theming-components skill gives an AI coding agent a seven category design token system with light and dark themes, RTL support through logical properties and WCAG contrast checks.526GitHub stars Skill · Web design and UXThree.js WebGL Skill for AI Coding Agentsfreshtechbro/claudedesignskillsThe threejs-webgl skill sets up scenes, cameras, lighting and instanced rendering for Three.js so an AI coding agent builds 3D web pages without repeating setup mistakes.1.1KGitHub 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.