Execute qualquer Skill no Manus
com um clique

Execute qualquer Skill no Manus com um clique

patterson-design-context

Estrelas1

Forks0

Atualizado13 de julho de 2026 às 07:49

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

Instalação

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Executar no Manus

Fonte

danielbodnar

danielbodnar/patterson-design-plugins

Abrir repositório GitHub Ver repositórios do creator

Download

Executar no Manus

Ocupações relacionadasSOC

Baseado na classificação ocupacional SOC

Designers de interfaces web e digitaisInformática e Matemática·SOC 15-1255

Explorador de arquivos

3 arquivos

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

Mais deste repositório

mesmo repositório

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

Execute qualquer Skill com um clique