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 UXWeb Design Skill: Single-Page HTML and Cloudflare Deploycountbot-ai/countbotThe web-design skill from the CountBot repository generates one-file HTML pages with Tailwind CSS and Chart.js, then deploys them to Cloudflare Pages with a pure Python script.782GitHub stars Skill · Web design and UXWeb Motion Design Skill: Disney’s Principles for the Browserdylantarre/animation-principlesThe web-motion-design skill gives an AI coding agent Disney's 12 animation principles as CSS and JavaScript rules, with set timing bands, easing curves and four performance rules.95GitHub stars Skill · Web design and UXWidget Golden and A11y Testing Skill for Flutterzakariaf/Flutter-SkillsThe widget golden and a11y testing skill has an AI coding agent pin device sizes, run text scale overflow matrices, check contrast on color values and keep goldens to glyph...55GitHub stars Skill · Web design and UXWireframe Spec Skill: Annotated Layouts for AI AgentsOwl-Listener/designer-skillsThe wireframe-spec skill has an AI coding agent specify wireframes with content priority, component placement, behaviour notes and responsive annotations before any visual design begins.2.8KGitHub stars Skill · Design systems and tokensWork With Design Systems Skill: Audit and Build in Figmanatdexterra/work-with-design-systemsThe work-with-design-systems skill lets an AI coding agent audit a Figma design system read-only, score each component from 0 to 100, and then build or fix it.53GitHub stars Skill · Figma and design to codeWP Block Theme Converter Skill: HTML to Block Themesiddik-web/wp-block-theme-converterThe WP block theme converter skill lets your AI coding agent turn an HTML, CSS and JavaScript project into a WordPress block theme with theme.json, templates and patterns.48GitHub stars Skill · Design systems and tokensWP Theme Development Skill: Review Block and Classic Themesjorgerosal/wordpress-skillsThe wp-theme-development skill has an AI coding agent review WordPress block and classic theme code, from theme.json and templates to template parts, global styles and migration.105GitHub stars Skill · Web design and UXCritique Skillpbakaus/impeccableImpeccable critique is the command that reviews a UI like a design director would, with scored heuristics and ranked issues, then hands you the fixes to run next.76.8KGitHub stars Skill · Web design and UXFixing Accessibility Skillibelick/ui-skillsA skill that makes your coding agent audit HTML for missing names, broken keyboard access, bad focus handling and unlinked form errors, then fix them with small edits.9.4KGitHub stars Skill · Web design and UXFixing Metadata Skillibelick/ui-skillsA skill that has your coding agent audit page titles, descriptions, canonical URLs, Open Graph tags, icons and JSON-LD, then fix the wrong ones with small, scoped diffs.9.4KGitHub stars Skill · Web design and UXFixing Motion Performance Skillibelick/ui-skillsA skill that stops your coding agent from writing janky animation, with rules for compositor properties, layout thrashing, scroll-linked motion, blur and will-change.9.4KGitHub stars Skill · Web design and UXImprove UI Skillibelick/ui-skillsA read-only skill that audits one product surface against its own design system, keeps only findings it can prove, and writes self-contained plans for another agent to execute.9.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.