By Automattic
AI skills for Automattic designers: product design, brand & design system, and contribution workflows
Add a new skill to the a8c-design plugin. Use when you've built a Claude Code skill and want to contribute it to the shared Automattic a8c-design plugin — handles finding the repo, creating a branch, scaffolding files, updating metadata, and opening a PR.
Build and present HTML/CSS design mockups with a local preview server. Use when prototyping website designs, iterating on visual concepts, or presenting design options.
Use when writing or reviewing UI copy - rewrites labels, CTAs, helpers, and placeholders through a Jobs to Be Done lens so every element reflects the user's actual goal, not the system's internal model.
Build accurate WordPress/Gutenberg UI mockups using pre-extracted design tokens, icons, and components. Use when prototyping WordPress admin interfaces or Site Editor concepts.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
AI skills for Automattic designers — product design, brand and design system workflows, and contribution tools.
This repo is a Claude Code plugin marketplace. Right now it hosts one plugin, a8c-design, with a growing collection of skills contributed by Automattic designers. The SKILL.md format is becoming common across AI tools, so skills here are designed to be portable.
In Claude Code, run:
/plugin marketplace add Automattic/design-skills
/plugin install a8c-design
Then restart Claude Code.
One plugin, a8c-design, containing all the skills. For the full list and usage instructions, see the plugin README.
Built a skill and want to share it? See CONTRIBUTING.md. The fastest path is to use the /a8c-design:add-skill workflow that ships with this plugin.
npx claudepluginhub automattic/design-skills --plugin a8c-designCreate WordPress block themes from simple descriptions and deploy them to a local WordPress Studio site. Generate professional themes through an interactive workflow: describe your site, choose from design options, and preview on a real WordPress installation.
Create WordPress block themes from simple descriptions and deploy them to a local WordPress Studio site, or, generate professional themes through an interactive workflow: describe your site, choose from design options, and preview on a real WordPress installation.
Craft production-grade WordPress sites and applications. Everything from themes and plugins to commerce and deployment.
Extract content from closed web platforms (GoDaddy Websites & Marketing, Hostinger, HubSpot, Shopify, Squarespace, Webflow, Weebly, Wix) into WordPress-compatible WXR files. Inspect, extract, QA, and import to WordPress.
An agent orchestrator that runs teams of agents autonomously through a pipeline of defined phases, where each phase produces concrete, inspectable artifacts.
Open-source, skills-based version of Claude Design (claude.ai/design) for Claude Code. HTML pages, slide decks, interactive prototypes, UI kits, and brand systems — with taste, context-matching, and anti-slop discipline.
A full design suite for Claude Code: 58 brand design systems + UI/UX, accessibility, motion, design guidelines, visual taste, web quality (Lighthouse/Core Web Vitals), and full design-process skills. Bundles Playwright MCP for in-browser verification. Auto-selects skills based on your project type.
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically
A virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — powered by Naksha. Assembles specialist roles — UI designer, UX researcher, content designer, Figma expert, data viz, email, social, motion, presentation, brand strategy, illustration, video, conversational, spatial, compliance, and more — for any design task. 26 roles, 62 commands, 15,000+ lines of expert design knowledge. Your agency's design brain, inside your terminal.
Editorial "Creative Director" bundle for Claude Code from Antigravity Awesome Skills.
Advanced frontend design plugin with interactive wizard, trend research, moodboard creation, color/typography selection, and browser-based inspiration analysis