Patterson Design

Trusted expertise. Unrivaled support.

Ten self-contained Claude Code plugins carry the Patterson Companies design system into every kind of surface a team builds: marketing pages, decks, docs sites, internal tools, and storefronts. Install one, and Claude scaffolds on-brand — navy chrome, the 5px shape language, Proxima Nova, sentence case, no emoji — without you touching a hex code.

Each plugin ships the same four parts: a skill Claude loads automatically for relevant work, commands for explicit scaffolding, an agent you can delegate to directly, and a ds/ snapshot of every design-system file the plugin needs, so it never depends on another plugin being installed.

Install the marketplace

Add the catalog once, then install only the plugins you need. patterson-brand is the foundation — install it first.

/plugin marketplace add patterson-agents/design-plugins
/plugin install patterson-brand@patterson-design

The plugins

• CorePatterson brand

  Tokens, fonts, logos, brand imagery and a component library — the foundation every other plugin builds on.

• TemplatePatterson deck

  A 16:9 presentation template — cover, stats, comparison, quote and closing slides, print-to-PDF ready.

• TemplatePatterson executive deck

  A denser, more formal briefing deck — takeaways, breakdown matrices and requirement tables for leadership readouts.

• TemplatePatterson corporate page

  A corporate web page shell — sticky nav, navy hero, content band and footer — the starting point for any on-brand page.

• TemplatePatterson file manager

  The Skill Studio application shell — navy top bar, sidebar tree, content grid — for internal tools and dashboards.

• TemplatePatterson docs

  A VitePress and Diátaxis styled documentation UI kit — sidebar nav, content pages, and a browser-openable page template.

• ScaffolderPatterson starlight

  A runnable Astro 7 and Starlight documentation starter, install-verified with a committed lockfile.

• Screenshot coming soonScaffolderPatterson vitepress

  A runnable VitePress documentation starter with the Patterson theme, Diátaxis nav, and starter content.

• UI kitPatterson corporate website

  An interactive recreation of pattersoncompanies.com — hero, stats, capability tabs, newsroom, header and footer.

• UI kitPatterson storefront

  An e-commerce storefront shell, switchable between Dental and Veterinary brands — nav, hero, products and rewards.

Where to go next

Foundations

The brand guideline cards and design tokens every plugin builds from — see Foundations.

Architecture

How the ds/ snapshot contract works, ADR 0004, and the devcontainer — see Architecture.

Demo gallery

Every plugin’s terminal walkthrough, recorded with VHS — browse the demo gallery.