Design skills

Design Skills

Agent skills for design and WordPress work, each linked to its original GitHub repository.

369 entries

SortMost installed A to Z

Skill · Web design and UXBeautiful Article Skill: Turn Sources into HTML PagesConardLi/garden-skillsThe beautiful-article skill turns a URL, PDF, DOCX, Markdown file or pasted text into one shareable HTML article, built through a staged plan, preview and review flow.12.7KGitHub stars Skill · Web design and UXBencium Design Audit Skill: Phased UI Refinement Plansbencium/bencium-marketplaceThe bencium design-audit skill reads your project docs and live app, audits 15 visual dimensions and returns a three phase refinement plan, then waits for approval.444GitHub stars Skill · Web design and UXbencium-controlled-ux-designer Skill: Ask Before Every Design Callbencium/bencium-marketplaceThe bencium-controlled-ux-designer skill holds an AI agent to an ask-first rule for colors, fonts, sizes and layouts, backed by WCAG 2.1 AA contrast and fixed type and spacing scales.445GitHub stars Skill · Web design and UXBetter Accessibility Skill: WCAG 2.2 Review and Fixesjakubkrehel/skillsThe better-accessibility skill has an AI coding agent walk your UI by keyboard and screen reader, then report each failure against the WCAG 2.2 criterion it breaks.7.5KGitHub stars Skill · Web design and UXBetter Colors Skill: Palettes, Tokens and Contrastjakubkrehel/skillsThe better-colors skill makes an AI coding agent build OKLCH ramps, name semantic color tokens, convert formats and measure contrast pairs instead of estimating them.7.5KGitHub stars Skill · Web design and UXBetter Interface Skill: One Review Across Six Domainsjakubkrehel/skillsThe better-interface skill runs one ranked review of a screen or flow across accessibility, layout, writing, typography, color and UI polish, using its sibling skills as the rules.7.5KGitHub stars Skill · Web design and UXBetter Layout Skill: Grouping, Alignment and RTL Checksjakubkrehel/skillsThe better-layout skill sets grouping, alignment, reading order and responsive structure, then stress tests the result by resizing, translating and mirroring it for right to left.7.5KGitHub stars Skill · Web design and UXBetter Typography Skill: Type Scale, Wrapping and Punctuationjakubkrehel/skillsThe better-typography skill checks how text renders, from type scale and line-height to font features, wrapping, truncation and punctuation, with exact values where they are measurable.7.5KGitHub stars Skill · Web design and UXBetter UI Skill: Exact Radius, Shadow and Motion Valuesjakubkrehel/skillsThe better-ui skill polishes surfaces, icons and motion with exact values for nested border radius, shadows, press scale, enter and exit timing and icon cross-fades.7.5KGitHub stars Skill · Design systems and tokensBrand Extract Skill: Build a Brand Kit From a Live Sitenexu-io/open-designThe brand-extract skill has an AI coding agent measure a live website's colors, fonts, logos and imagery, then write a Brand Kit that OpenDesign can register as a design system.99.8KGitHub stars Skill · Web design and UXBrand Skill: Voice, Identity and Token Sync for AI Agentsnextlevelbuilder/ui-ux-pro-max-skillThe brand skill gives an AI coding agent frameworks for brand voice, visual identity and messaging, plus scripts that inject brand context, validate assets and sync guidelines into design tokens.142.8KGitHub stars Skill · Web design and UXBrandkit Skill: Brand Design Tokens for AI Agentsplugin87/ux-ui-agent-skillsThe brandkit skill turns a brief into a verified brand foundation: OKLCH color ramps, light and dark themes, type and spacing scales, DTCG tokens and one theme.css that every screen...3.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.