patterson-storefront

---

Table of contents

• What this is
• Quick start
• Plugin catalog
• Anatomy of a plugin
• Repository layout
• Demos
• Dev environment (Codespaces & dev containers)
• Maintenance
• Brand & licensing

What this is

Every part of the Patterson design system — the brand core, each template, each UI kit — is its own plugin. Install only what you need; each ships a skill (auto-invoked knowledge), slash commands (scaffold workflows), a subagent (a specialist Claude delegates to), and a self-contained ds/ snapshot of every file it needs.

Quick start

From a git host (push this repo first, keep it private — see Brand & licensing):

# inside Claude Code
/plugin marketplace add patterson-agents/design-system
/plugin install patterson-brand@patterson-design      # the foundation
/plugin install patterson-deck@patterson-design       # …plus whatever you need

From a local checkout:

cd patterson-design-marketplace
claude
/plugin marketplace add .
/plugin install patterson-deck@patterson-design

Then use it three ways:

/patterson-deck:new-deck Q3 dental equipment business review   ← slash command
/patterson-deck:deck-template                                   ← invoke the skill directly
"make me a Patterson deck about our vet supply chain"           ← skill + agent fire automatically

Plugin catalog

Preview	Plugin	What it is	Primary command
	patterson-brand Core	Tokens, fonts, logos, React component library, guideline specimens, framework adapters (Tailwind, UnoCSS, Theme UI, shadcn/ui).	/patterson-brand:design
	patterson-deck Template	16:9 company deck — cover, stats, comparison, quote, photo band, closing. Print-to-PDF ready.	/patterson-deck:new-deck
	patterson-executive-deck Template	Editorial executive briefing — takeaways, matrices, requirements, outputs.	/patterson-executive-deck:new-executive-deck
	patterson-corporate-page Template	Web page shell — sticky nav, navy hero, content band, footer. React, no build step.	/patterson-corporate-page:new-page
	patterson-file-manager Template	“Skill Studio” app shell for internal tools — top bar, sidebar tree, content grid.	/patterson-file-manager:new-app-shell
	patterson-docs Template	Docs-site UI kit (VitePress + Diátaxis style) plus a standalone docs page template.	/patterson-docs:new-docs