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 UXgstack Design HTML Skill: Pretext Native HTML and CSSgarrytan/gstackThe design-html skill from gstack turns an approved mockup, a plan or a plain description into production quality HTML and CSS built on Pretext, with text that reflows and computed...136.1KGitHub stars Skill · Web design and UXgstack Design Review Skill: Visual QA That Fixes Codegarrytan/gstackThe design-review skill from gstack audits a live site like a designer, then fixes the issues in source code, committing each fix on its own and verifying it with screenshots.135.4KGitHub stars Skill · Web design and UXgstack Design Shotgun Skill: Compare Design Variantsgarrytan/gstackThe design-shotgun skill from gstack generates several AI design variants for a UI idea, opens a comparison board, collects your feedback, and iterates until one direction wins.136.1KGitHub stars Skill · Web design and UXgstack iOS Design Review Skill: Audit an iPhone Appgarrytan/gstackThe ios-design-review skill from gstack connects to a real iPhone, screenshots every screen, and scores ten design dimensions from 0 to 10 against Apple HIG and your own DESIGN.md.136.1KGitHub stars Skill · Web design and UXgstack Plan Design Review Skill: Score a UI Plan 0 to 10garrytan/gstackThe plan-design-review skill from gstack reviews a UI plan before code exists, rates each design dimension from 0 to 10, and edits the plan until the gaps are filled.136.1KGitHub stars Skill · Web design and UXHandoff Spec Skill: Six Sections for Developer HandoffOwl-Listener/designer-skillsThe handoff-spec skill has an AI coding agent write an implementation handoff covering measurements, behaviors, assets, states and edge cases, so engineers can build the design accurately.2.9KGitHub stars Skill · Web design and UXHeuristic Evaluation Skill: Expert Review Without ParticipantsOwl-Listener/designer-skillsThe heuristic-evaluation skill has an AI coding agent run an expert review against Nielsen's ten heuristics, document each issue and rate severity on a 0 to 4 scale.2.9KGitHub stars Skill · Design systems and tokensHumane Design Tokens Skill: DTCG Tokens and Contrastglebis/humane-agentic-designThe humane design-tokens skill lets your AI coding agent validate and resolve DTCG 2025.10 tokens, export CSS, and measure every text and background pair on APCA Lc and the WCAG...36GitHub stars Skill · Web design and UXHyperFrames Animation Skill: GSAP Motion Rules Guideheygen-com/hyperframesThe hyperframes-animation skill gives an AI coding agent GSAP motion rules, multi-phase scene blueprints, transitions and seven runtime adapters for building HyperFrames video compositions.67.2KGitHub stars Skill · Design systems and tokensIcon System Skill: Grid, Sizes, Naming and DeliveryOwl-Listener/designer-skillsThe icon-system skill has an AI coding agent specify an icon set with a 24px grid, five size steps, a naming pattern, delivery formats and accessibility rules.2.8KGitHub stars Skill · Web design and UXIllustration Style Skill: Write a Product Illustration GuideOwl-Listener/designer-skillsThe illustration-style skill guides an AI coding agent to write an illustration style guide covering visual language, color rules, character design, illustration types and application rules for a product.2.9KGitHub stars Skill · Web design and UXImage to SVG Skill for AI Coding Agentsoaustegard/claude-skillsThe image-to-svg skill converts a raster image into an SVG vector reproduction using k-means color quantization and contour extraction instead of hand-drawn shapes.153GitHub 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.