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 UXUI Screenshots Skill: Before and After Captures with Playwrightgithub/awesome-copilotThe ui-screenshots skill gives an AI coding agent a Playwright and Pillow recipe for one tall page capture, tidy crops and matching before and after images.39.7KGitHub stars Skill · Web design and UXUI Skills: A Router Skill That Picks the Right UI Skillibelick/ui-skillsUI Skills is a router skill and CLI from ibelick that tells an AI coding agent which UI skill to load, capping any task at three skills.9.5KGitHub stars Skill · Web design and UXUI/UX Audit Skill: Read the Page Before Changing Itnicepkg/ai-workflowThe ui-ux-audit skill makes an AI coding agent read the current page, inventory what exists and check for redundancy before it proposes any interface change, then report only genuine gaps.285GitHub stars Skill · Web design and UXUI/UX Design Pro Skill: Intent-First Design for AI Agentssaifyxpro/ui-ux-design-pro-skillThe ui-ux-design-pro skill makes an AI coding agent read twelve reference files, state its design intent, and use a Bun CLI to search styles, generate design systems and audit UI...85GitHub stars Skill · Web design and UXUpload to Stitch Skill: Send Images, HTML and Markdown to a Projectgoogle-labs-code/stitch-skillsThe upload-to-stitch skill uses a Python script to send PNG, JPEG, WebP, HTML and Markdown files to a Stitch project over HTTP, avoiding the MCP base64 token limit.8.4KGitHub stars Skill · Web design and UXUX Audit Rethink Skill: Holistic UX Review for AI Agentsmastepanoski/claude-skillsThe ux-audit-rethink skill has an AI coding agent score a product on seven UX factors, five usability traits and five interaction dimensions, then propose a redesign.54GitHub stars Skill · Web design and UXUX Copy Skill: Microcopy, Errors and Empty Statesanthropics/knowledge-work-pluginsThe ux-copy skill writes or reviews microcopy for buttons, error messages, empty states and confirmation dialogs, with five principles and a patterns guide for common interface elements.26.2KGitHub stars Skill · Web design and UXUX Design Skill: Flows, Wireframes and Heuristic Reviewscivitai/civitaiThe ux-design skill gives an AI coding agent a user-centered method: jobs to be done, five design phases, text diagrams, a heuristics checklist and microcopy rules for flows and wireframes.7.3KGitHub stars Skill · Web design and UXUX Heuristics Skill: Nielsen, Krug and Severity RatingsaAAaqwq/AGI-Super-TeamA usability review skill that scores an interface from 0 to 10 using Krug's laws, Nielsen's ten heuristics and a five level severity scale, with seven reference files.105GitHub stars Skill · Web design and UXUX Writing Skill: Interface Copy for AI Agentscontent-designer/ux-writing-skillThe ux-writing skill teaches an AI coding agent to write buttons, errors, empty states and other microcopy against four quality standards: purposeful, concise, conversational and clear.223GitHub stars Skill · Web design and UXVariant Skill: Build Three UI Options and Pick Onejakubkrehel/skillsThe variant skill has an AI coding agent build three deliberately different versions of one component behind a URL picker in your real page, then stops so you choose.7.5KGitHub stars Skill · Web design and UXVibe to UI Skill: Design Directions From Any ReferenceMonkeyUI-dev/vibe-to-uiThe vibe-to-ui skill turns a URL, screenshot, image, music clip or sentence into three design directions with previews, and applies the one you pick to your project.37GitHub 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.