brand-style
This skill lets owners set and update their brand colors, logo, and output format preferences once during setup or anytime afterward.
Identity proven by GitHub's verified organisation badge (anthropics)
- Agents
- Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode, claude.ai and API
- License
- Apache-2.0 (permissive)
- Pin
- ae1513epinned Oct 9, 2026
- Context cost
- about 1,100 tokenswhen the skill loads
- GitHub stars
- 27,434on anthropics/knowledge-work-plugins
- Scripts
- None found
What it does
“Sets and updates the owner's brand look and output preferences, which every page and document the plugin produces then follows automatically. Captures the brand from a pasted website link or a plain-words description — never a hex code, color picker, or upload — previews it on a sample page, asks how they want their outputs delivered (visual artifacts, Word docs, markdown, Notion pages, Canva Docs, or best-for-the-skill), and saves both to the business profile. Runs inside smb-onboard on first setup and stands alone forever after. Use when the owner says "update my brand," "we rebranded," "change my colors," "make the reports match our new look," "change how you give me reports," "I want Word docs instead," or anything about the look or format of what the plugin hands them.”
Generated summary from the skill's own text
This skill lets owners set and update their brand colors, logo, and output format preferences once during setup or anytime afterward. It captures branding from a website link or plain description, previews the style on a sample page, and stores preferences so all future documents match automatically. The skill supports delivery as visual pages, Word docs, markdown, Notion pages, Canva docs, or skill-specific formats.
When to use it
- Owner wants to establish initial brand during onboarding setup
- Owner says brand changed and needs colors or logo updated
- Owner wants to switch report or document output format
- Owner needs all future deliverables to match company rebranding
When not to
- Owner asks to redesign past documents already delivered
- Owner provides brand as hex codes or asks for color picker
- Updating brand alongside other onboarding tasks like contacts or goals
Install
These commands install from the publisher's repository and need no account.
skills CLI
npx skills add anthropics/knowledge-work-plugins --skill brand-styleInstalls from the repository's default branch, which may have changed since the commit we checked.
GitHub CLI 2.90 or later
gh skill install anthropics/knowledge-work-plugins brand-style@ae1513ea94dcb74a7f1505ddcf3b0ec3fab327f1Installs the commit we checked (ae1513e).
Copy by hand
Download the folder at ae1513e and put it in .claude/skills/brand-style for Claude Code and in .agents/skills/brand-style for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.
Claude Code plugin
/plugin install claude-code-setup@claude-plugins-officialThe publisher's plugin in Claude's official marketplace. It may hold more than this skill, and we have not pinned it.
Claude Code plugin
/plugin install claude-md-management@claude-plugins-officialThe publisher's plugin in Claude's official marketplace. It may hold more than this skill, and we have not pinned it.
Claude Code plugin
/plugin install claude-security@claude-plugins-officialThe publisher's plugin in Claude's official marketplace. It may hold more than this skill, and we have not pinned it.
Copy for your agent
A prompt for any coding agent. It installs this skill from GitHub at the pinned commit, copies the files as they are, and runs nothing unless you ask.
Prompt
Install the agent skill "brand-style" by Anthropic. Source, pinned to commit ae1513ea94dcb74a7f1505ddcf3b0ec3fab327f1: https://github.com/anthropics/knowledge-work-plugins/tree/ae1513ea94dcb74a7f1505ddcf3b0ec3fab327f1/small-business/skills/brand-style 1. Download that folder at exactly this commit. Do not use the default branch. 2. Copy every file unchanged, keeping the folder structure, into .claude/skills/brand-style/ for Claude Code and .agents/skills/brand-style/ for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. Create the folders if they do not exist. 3. Do not edit the files, and do not run any script in the folder unless I ask you to. 4. When you are done, list the files you copied and where you put them. Listing and checks: https://www.agentnative.dev/skills/anthropic/brand-style
SKILL.md at the pin
---
name: brand-style
description: >
Sets and updates the owner's brand look and output preferences, which every
page and document the plugin produces then follows automatically. Captures
the brand from a pasted website link or a plain-words description — never a
hex code, color picker, or upload — previews it on a sample page, asks how
they want their outputs delivered (visual artifacts, Word docs, markdown, Notion pages,
Canva Docs, or best-for-the-skill), and saves both to the business profile. Runs inside
smb-onboard on first setup and stands alone forever after. Use when the
owner says "update my brand," "we rebranded," "change my colors," "make the
reports match our new look," "change how you give me reports," "I want Word
docs instead," or anything about the look or format of what the plugin
hands them.
allowed-tools: Read, WebFetch
---
# Brand Style
One place the owner controls how everything looks and how everything is
delivered. Set once during onboarding, changed any time after with one
sentence.
## Step 1 — Show what is set now
Read the `## Business context` block. If Brand colors, Logo, or Output
preference exist, play them back in plain words first: "Right now your pages
use a deep green and cream with your leaf logo, and you get visual pages.
What's changing?" An owner updating one thing should not re-answer the rest.
If nothing is stored yet (first run, usually inside `smb-onboard`), skip
straight to capture.
## Step 2 — Capture the brand, frictionlessly
Two paths, both costing the owner almost nothing:
- **A website link.** Fetch the site (WebFetch) and pull the logo URL,
primary brand colors (from the CSS, theme, or social-preview image), and
tagline. The owner does nothing but paste the link. Guidance in
[`../smb-onboard/reference/website-research.md`](../smb-onboard/reference/website-research.md).
- **A plain-words description.** "Forest green and cream," "navy and warm
gray," "like a modern law firm." Translate the words to real colors
yourself.
**Never ask for hex codes, color pickers, or file uploads.** Branding costs
one pasted link or one spoken sentence, nothing more. "Skip" is always an
answer and means the clean house default.
## Step 3 — Preview before saving
Render a small sample page as an HTML artifact in the house style
(`../../shared/artifact-style.md`) with the candidate brand applied — a
title, one stat tile, a short table, a status pill — so the owner sees the
look on real components, not a color swatch. Ask one question: "Match?"
If they adjust ("darker green," "less cream"), apply and re-preview. This
loop is cheap; a wrong brand on every future page is not.
## Step 4 — Ask how outputs should arrive
The six-way choice, as a multiple choice (skip if the owner only came to
change colors and the preference is already stored):
1. **Visual artifacts** — styled pages viewed right here (the default)
2. **Word docs** — DOCX files to download
3. **Markdown** — plain .md files to download
4. **Notion** — pages created in their Notion workspace (needs the Notion connector; ask where in the workspace they should land)
5. **Canva** — Canva Docs created in their Canva account (needs the Canva connector; if it is connected, run `list-brand-kits` and ask once which brand kit to apply, or none; if not, the first skill that delivers to Canva asks)
6. **Best for the skill** — each skill picks what fits its job
Store the answer verbatim as one of: `visual artifacts`, `docx`, `md`,
`notion`, `canva`, `best for skill`. If they pick Notion or Canva and that
connector is not connected, store it anyway, say deliverables fall back to
visual artifacts until it is connected, and offer to help connect it.
## Step 5 — Save, with approval
Show what will be stored — Website, Brand colors, Logo, Output preference,
and Canva brand kit (name and id) when the preference is Canva — and wait
for the yes. Then update only those fields in the
`## Business context` block, using the exact field names in
[`../smb-onboard/reference/onboard-checklist.md`](../smb-onboard/reference/onboard-checklist.md).
Never touch the other fields, and never overwrite silently.
Close with the effect, not the mechanics: "Done — every page and document
from here on uses the new look."
## What not to do
- **Do not ask for hex codes, pickers, or uploads.** One link or one
sentence, always.
- **Do not re-run the whole interview.** This skill changes look and
delivery, nothing else — an owner who says "update my brand" is not
signing up for onboarding again.
- **Do not save without the preview and the yes.** A brand applied to every
future page deserves one confirmation.
- **Do not restyle old deliverables.** The change applies from now on;
never claim past documents were updated.
## After the update
One line on what changed. The natural next step is seeing it live: offer
"Monday brief" (`/monday-brief`) or "how's the business doing?"
(`business-pulse`) so the first branded page arrives immediately. Never more
than three offers; never repeat one declined this session.
From anthropics/knowledge-work-plugins at ae1513e, shown as plain text under its license: Apache-2.0 (permissive). The license text is in LICENSE.
View SKILL.md on GitHub at ae1513eFiles
- SKILL.md5.1 KB · 4fc74f9af424
1 file, 5.1 KB in total. Each file has a sha256 in the pin's manifest; the first 12 characters are shown.
Skill folder on GitHub at ae1513eMore from Anthropic
claude-security
Scans your repository for security issues using Claude, examines code changes or commits for vulnerabilities, and generates patch files to fix findings.
Claude Code · about 1K tokens · pinned 6 days ago
receipts
This skill generates a personal Claude Code usage report from local session transcripts stored in ~/.claude/projects, mining activity across projects without…
Contains scripts
Claude Code · about 4.1K tokens · pinned 6 days ago
siege
Orchestrates an iterative proof-finding process for mathematics problems, coordinating multiple rounds of judge and worker agents.
Contains scripts
Claude Code · about 18.5K tokens · pinned 6 days ago
solo
This skill enables an agent to work through a single difficult mathematics problem independently within one session.
Claude Code · about 1.4K tokens · pinned 6 days ago
account-context
Assembles a comprehensive account overview from the CRM, recent emails, documents, call transcripts, and internal chat discussions into a single brief that…
Claude Code, Codex, Cursor +4 · about 1.8K tokens · pinned 6 days ago
ad-manager
The skill analyzes paid ad performance across TikTok, Google Ads, Facebook, and other platforms via native connectors or CSV exports, explains what is and…
Claude Code, Codex, Cursor +4 · about 2.2K tokens · pinned 6 days ago
Related in Frontend and design
next-bundle-optimizer
Audits Next.js applications to identify and reduce browser bundle size and initial-load work by analyzing routes, dependencies and client outputs.
by VercelOfficial publisher
Claude Code, Codex, Cursor +4 · about 2.3K tokens · pinned 6 days ago
next-cache-components-optimizer
Optimize Next.js routes to display meaningful UI instantly on initial load or client navigation by encoding the optimization goal as a failing…
by VercelOfficial publisher
Claude Code, Codex, Cursor +4 · about 5.6K tokens · pinned 6 days ago
next-partial-prefetching-adoption
Enables Partial Prefetching in Next.js 16.3+ apps and guides adoption through auditing Link prefetch behavior, preserving UI in tests or manually, and…
by VercelOfficial publisher
Claude Code, Codex, Cursor +4 · about 6.7K tokens · pinned 6 days ago
remotion-interactivity
This skill teaches how to structure Remotion code so the Studio IDE recognizes and makes it interactive.
by RemotionOfficial publisher
Claude Code, Codex, Cursor +3 · about 2.4K tokens · pinned 6 days ago
remotion-interactivity
This skill teaches how to structure Remotion video components to unlock Studio interactivity features like click selection, drag-and-drop, resizing, rotation…
by RemotionOfficial publisher
Claude Code, Codex, Cursor +3 · about 4.8K tokens · pinned 6 days ago
remotion-maps
This skill enables creating map-based animations with Remotion using four different mapping libraries: Mapbox, MapLibre, MapTiler, or CesiumJS.
by RemotionOfficial publisher
Contains scripts
Claude Code, Codex, Cursor +3 · about 240 tokens · pinned 6 days ago
Open roles at Anthropic
5 of 178 open roles on the jobs board
- Data Center Mechanical Engineer
United States (On-site)
- Staff Software Engineer, Android
San Francisco, CA, United States | New York City, NY, United States | Seattle, WA, United States (Hybrid)
- Senior Software Security Engineer
San Francisco, CA, USA | New York City, NY, USA | Seattle, WA, USA (Hybrid)
- Staff+ Software Engineer, Storage + Transfer
San Francisco, CA, United States | New York City, NY, United States (Hybrid)
- Manager of Applied AI Architecture, Startups
San Francisco, CA, United States | New York City, NY, United States (On-site)