Patterson Design — Claude Code Marketplace

Install

Push the claude-code-marketplace/ folder to a private git repo, then add it inside Claude Code. Install only what you need — plugins are independent.

# register the marketplace
/plugin marketplace add patterson-agents/design-system

# install the foundation + whatever you need
/plugin install patterson-brand@patterson-design
/plugin install patterson-deck@patterson-design

Catalog

Every plugin is namespaced — commands run as /<plugin>:<command>, and agents are picked up automatically once installed.

Core

patterson-brand

Tokens, fonts, logos, React component library, guideline specimens, and Tailwind / UnoCSS / Theme UI / shadcn adapters.

/patterson-brand:design · /patterson-brand:wire-tokens

Template

patterson-deck

16:9 company deck — cover, stats, comparison, quote, photo band, closing. Print-to-PDF ready.

/patterson-deck:new-deck

Template

patterson-executive-deck

Editorial executive briefing — takeaways, matrices, requirements, outputs.

/patterson-executive-deck:new-executive-deck

Template

patterson-corporate-page

Web page shell: sticky nav, navy hero, content band, footer. React, no build step.

/patterson-corporate-page:new-page

Template

patterson-file-manager

"Skill Studio" app shell for internal tools — top bar, sidebar tree, content grid.

/patterson-file-manager:new-app-shell

Template

patterson-docs

Docs-site UI kit (VitePress + Diátaxis style) plus a standalone docs page template.

/patterson-docs:new-docs

UI kit

patterson-corporate-website

Corporate-site screens: home hero, stats, capability tabs, newsroom, header, footer.

/patterson-corporate-website:new-corporate-site

UI kit

patterson-storefront

E-commerce shell with Dental ↔ Veterinary brand toggle — search, flyout nav, products, rewards.

/patterson-storefront:new-storefront

What's inside each plugin

SkillBrand + template knowledge Claude invokes automatically, or you run directly as /plugin:skill.
Slash commandA scaffold workflow: copies the plugin's ds/ snapshot into your project and adapts it to your brief.
SubagentA specialist (deck builder, brand reviewer, storefront builder…) Claude delegates to when the task matches.
ds/ snapshotTokens, fonts, logos and the template's source, mirroring the design-system tree so relative paths just work.

Develop it anywhere

The repo doubles as a ready-to-prebuild workbench: open it in GitHub Codespaces or VS Code Dev Containers and claude, opencode, copilot and gh are preinstalled.

.devcontainer/Node 22 + gh CLI + Claude Code features; Copilot CLI and OpenCode install during prebuild.
.vscode/Schema-validated marketplace.json, docs live-preview, validate/serve tasks, extension picks.
.github/copilot-instructions.md conventions plus workflows that prebuild the image and publish the patterson-agents dev container template to GHCR.
dotfiles/Agent aliases + idempotent install.sh — drop into your Codespaces dotfiles repo.

Maintenance

The marketplace is generated from the design-system project. When a token or template changes at the source, re-copy the affected files into each plugin's ds/ snapshot, bump versions in plugin.json and marketplace.json, and run claude plugin validate . before pushing. Full details in the repo README.md.