Run any Skill in Manus with one click

patterson-design-context

Stars1

Forks0

UpdatedJuly 13, 2026 at 07:49

Applies Patterson brand tokens, spacing, and voice when generating UI. Use when building any Patterson page, component, or deck.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

danielbodnar

danielbodnar/patterson-design-plugins

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web and Digital Interface DesignersComputer and Mathematical Occupations·SOC 15-1255

File Explorer

3 files

SKILL.md

readonly

name	patterson-design-context
description	Applies Patterson brand tokens, spacing, and voice when generating UI. Use when building any Patterson page, component, or deck.

Patterson design context

Quick start

:root { --pat-navy: #003767; --pat-sky: #00A8E1; --pat-gray: #58585B; }

Rules: reference tokens, never raw hex; 8px spacing grid; sentence case.

Additional resources

Color rationale, spacing scale, and a11y notes: references/REFERENCE.md

More from this repository

same repository

patterson-design

danielbodnar/patterson-design-plugins

Design anything on-brand for Patterson Companies (oral & animal health distribution). Use whenever the user asks for Patterson-branded UI, pages, mocks, decks, components, styling, colors, typography, or brand review. Contains tokens, components, logos, fonts, and framework adapters.

2026-07-131

corporate-page-template

danielbodnar/patterson-design-plugins

Build a Patterson-branded web page (marketing, landing, informational). Use when the user asks for a Patterson web page, landing page, or site section. Scaffolds a React shell with sticky nav, navy hero, content band, and footer wired to brand tokens and components.

2026-07-131

corporate-website-kit

danielbodnar/patterson-design-plugins

Build screens in the style of the Patterson Companies corporate website. Use when the user asks for corporate-site pages, investor/newsroom pages, or wants to extend the pattersoncompanies.com look. Ships header, footer, home, what-we-do and newsroom screens as React components.

2026-07-131

deck-template

danielbodnar/patterson-design-plugins

Build a Patterson Companies branded slide deck (16:9 presentation). Use when the user asks for a Patterson deck, presentation, slides, or company overview. Scaffolds from the official deck template with cover, divider, stats, comparison, quote, table, photo-band and closing archetypes.

2026-07-131

docs-site

danielbodnar/patterson-design-plugins

Build Patterson-branded documentation sites and doc pages. Use when the user asks for Patterson docs, a documentation site, developer docs, knowledge base, or help center. Ships a VitePress/Diátaxis-styled React UI kit and a standalone docs page template.

2026-07-131

executive-deck-template

danielbodnar/patterson-design-plugins

Build a Patterson Companies executive briefing deck. Use when the user asks for an executive deck, leadership briefing, board-style presentation, or formal readout in the Patterson brand. Denser, editorial layout compared to the standard deck.

2026-07-131

Run any Skill with one click