a8c-design
By automattic
AI skills for Automattic designers: product design, brand & design system, and contribution workflows
npx claudepluginhub automattic/design-skills --plugin a8c-designComponent Overview
Component Details
Skills (4)
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.
README
Design Skills
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.
Install
In Claude Code, run:
/plugin marketplace add Automattic/design-skills
/plugin install a8c-design
Then restart Claude Code.
What's inside
One plugin, a8c-design, containing all the skills. For the full list and usage instructions, see the plugin README.
Contributing
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.
License
Similar Plugins
opendesign
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.
designpowers
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically
Owl-Listenernaksha
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, 60 commands, 13,800+ lines of expert design knowledge. Your agency's design brain, inside your terminal.
frontend-design-pro
Advanced frontend design plugin with interactive wizard, trend research, moodboard creation, color/typography selection, and browser-based inspiration analysis
More by automattic
Help us improve
Share bugs, ideas, or general feedback.