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 UXFrontend Design Review Skill: Review and Create UImicrosoft/skillsMicrosoft's frontend-design-review skill gives an AI coding agent two jobs in one folder: score a UI against three quality pillars, or design a distinctive interface from scratch.3.1KGitHub stars Skill · Web design and UXFrontend Designer Skill: Accessible, Token-Driven Componentsjamesrochabrun/skillsThe frontend-designer skill gives an AI coding agent accessible component patterns, a CSS design token set, responsive recipes and three helper scripts for generating components and auditing accessibility.216GitHub stars Skill · Web design and UXFrontend Responsive UI Skill: Mobile-First CSSam-will/codex-skillsThe frontend-responsive-ui skill teaches an AI coding agent to build mobile-first layouts with fluid containers, relative units, shared breakpoints and touch targets of at least 44x44px.1.0KGitHub stars Skill · Web design and UXFrontend Textbooks Skill: Manuscript to HTML Book and PDFonepixelaway/frontend-textbooksThe frontend textbooks skill turns a manuscript into a designed HTML book and a matching US Letter PDF, with an original cover, bundled fonts and verified page layout.107GitHub stars Skill · Web design and UXFrontend Visual QA Skill: Audit Rendered UIdaymade/claude-code-skillsDaymade's frontend-visual-qa skill makes an AI agent audit a rendered interface with ranked evidence levels, eight audit profiles and a verified, partial or blocked verdict.1.4KGitHub stars Skill · Web design and UXGalaxy Dawn Web Design Reviewer Skill: Visual QA With Source Fixesgalaxy-dawn/claude-scholarThe web-design-reviewer skill makes an AI agent inspect a running site with screenshots, find layout, responsive, accessibility and consistency problems, then fix them in source code.5.7KGitHub stars Skill · Web design and UXGeist Figma Skill: An Unofficial Agent Guide to Geisteyexzy/geist-figma-skillThe geist-figma-skill is an unofficial Agent Skill that lets an AI agent pick, configure, build and audit screens in the unofficial Geist Figma library through the Figma MCP server.Skill · Web design and UXGestalt UI Organisation Skill: Group Controls Clearlydembrandt/dembrandt-skillsThe gestalt-ui-organisation skill applies six Gestalt principles so an AI coding agent lays out toolbars, forms and dashboards where related controls visibly belong together.66GitHub stars Skill · Web design and UXGesture Patterns Skill: Design Swipe, Drag and Long-PressOwl-Listener/designer-skillsThe gesture-patterns skill has an AI coding agent design touch and pointer gestures, with discoverability, feedback, thresholds, conflict resolution and non-gesture alternatives.2.9KGitHub stars Skill · Web design and UXGlass Dark UI Skill for AI Coding Agentsboraoztunc/skillsThe glass-dark-ui skill gives an AI coding agent dark-mode glassmorphism patterns: frosted panels, masked gradient borders and contrast rules for readable text on blur.414GitHub stars Skill · Web design and UXGSAP and Framer Motion Scroll Animation Skillgithub/awesome-copilotThe gsap-framer-scroll-animation skill, by Utkarsh Patrikar, gives an AI coding agent ScrollTrigger and Motion v12 patterns plus a selector for choosing between the two libraries.39.7KGitHub stars Skill · Web design and UXgstack Design Consultation Skill: Build a DESIGN.mdgarrytan/gstackThe design-consultation skill from gstack interviews you about a new product, can research the field, and proposes a full design system saved as DESIGN.md.136.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.