Skip to main content
affpapa.org
RU EN
skill Claude Code CX Codex Cursor GitHub Copilot

brand-guidelines · nexu-io — Claude Code skill: what it does, install

This skill applies Anthropic’s brand colors and typography to artifacts. Use it when a project needs a consistent visual identity or a design reference.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add nexu-io/open-design --skill brand-guidelines -a claude-code
Open on GitHub

What brand-guidelines does

brand-guidelines applies Anthropic’s official colors and typography to generated artifacts. It fits work where an interface, document, or other output needs a consistent visual style.

Call it by the name brand-guidelines or use the phrases “brand guidelines,” “brand colors,” “brand typography,” or “visual identity.” The full workflow uses the upstream bundle’s original assets, scripts, and reference material. That gives you a reason to check whether the full upstream workflow is required: this catalogue entry exposes the skill, while the original workflow is installed separately.

What it helps with

  • apply Anthropic brand colors to an artifact
  • choose typography for a visual identity
  • define a design-system reference
  • check an interface against a visual style

Example prompts for the agent

  • Apply `brand-guidelines` to this page mockup using Anthropic’s brand colors.
  • Create this artifact with Anthropic typography and a consistent visual identity.
  • Use brand guidelines while designing the interface.

How to install brand-guidelines

1Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill brand-guidelines -a claude-code

2Manually: put the files in place

~/.claude/skills/brand-guidelines/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/brand-guidelines/

From the same set106

The whole set →
ui-ux-pro-max nexu-io A discovery catalog entry for the UI/UX Pro Max skill in OpenDesign. It registers design system triggers so agents recognize interface usability requests. Claude Code CX Codex Cursor +1 5,400installs frontend-design nexu-io Skill for building frontend interfaces with considered typography, color and layout — from landing pages to dashboards. Claude Code CX Codex Cursor +1 4,800installs threejs nexu-io Guides the agent in building browser 3D scenes, materials, interactive controls, and post-processing with Three.js. Claude Code CX Codex Cursor +1 3,400installs creative-director nexu-io This skill takes a creative concept from brief to presentation and checks it on three axes. Use it for campaign ideas and creative critique. Claude Code CX Codex Cursor +1 3,400installs design-brief nexu-io Parses an I-Lang design brief into a concrete spec with palette, typography, density, and constraints. Eliminates ambiguity from phrases like "make it professional." Claude Code CX Codex Cursor +1 3,400installs apple-hig nexu-io Integrates Apple Human Interface Guidelines for iOS, macOS, visionOS, watchOS, and tvOS into your coding agent during planning. Claude Code CX Codex Cursor +1 3,200installs hatch-pet nexu-io Creates, validates, and packages 8×9 animated pet spritesheets for Codex. Use it when turning visual references or concept prompts into importable digital pet companions. Claude Code CX Codex Cursor +1 3,100installs design-md nexu-io Creates and maintains DESIGN.md with design direction, tokens, and visual rules. Useful when an agent needs one source of truth for a project’s design system. Claude Code CX Codex Cursor +1 3,100installs

Other versions of brand-guidelines

brand-guidelines official anthropics Applies Anthropic's official brand colors and fonts to documents, slides and other artifacts. Useful whenever something needs to match the company look. Claude Code Claude.ai 109,043installs brand-guidelines Alireza Rezvani Applies and documents brand rules for colours, typography, logos and tone of voice. Use it to audit assets or build a brand guide for a product. Claude Code 696installs

Similar

presentation iii-hq Turns a technical-spec directory into an interactive web presentation. Use it when a specification needs a shareable deck with a clear narrative. Claude Code CX Codex Cursor +1 3,400installs popular-web-designs Hermes Agent + Teknium (design systems sourced from VoltAgent/awesome-design-md) 54 real-world design systems (Stripe, Linear, Vercel, Claude) with CSS tokens, typography, and components for building pages styled after known brands. Claude Code CX Codex Cursor +1 914installs seo-image-gen AgriciDaniel Generates OG images, blog heroes, product photos, and infographics through Gemini. Use it when an SEO asset needs to be created from an agent workflow. Claude Code CX Codex Cursor +1 6,000installs event-store-design Seth Hobson This skill guides event store design for event-sourced systems and helps compare storage technologies. Use it when building event persistence infrastructure or choosing a store. Claude Code CX Codex Cursor 10,800installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. Claude Code Claude.ai 1,025,790installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. Claude Code 1,424,476installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. Claude Code CX Codex Cursor +1 673,100installs prototype Matt Pocock Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase. Claude Code 986,201installs

Questions about brand-guidelines

How do I install brand-guidelines in Claude Code?

Run npx skills add nexu-io/open-design --skill brand-guidelines -a claude-code, then run npx skills add nexu-io/open-design --skill brand-guidelines -a claude-code again. The skill file is available at ~/.claude/skills/brand-guidelines/SKILL.md.

What does brand-guidelines do?

It applies Anthropic’s official colors and typography to artifacts. It also provides a reference for shaping a custom design system.

Which phrases trigger brand-guidelines?

Call it by brand-guidelines, or use “brand guidelines,” “brand colors,” “brand typography,” or “visual identity.”

Source text

SKILL.md · Apache-2.0 
---
name: brand-guidelines
description: |
  Apply Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards. A reference for shaping your own.
triggers:
  - "brand guidelines"
  - "brand colors"
  - "brand typography"
  - "visual identity"
od:
  mode: design-system
  category: design-systems
  upstream: "https://github.com/anthropics/skills/tree/main/skills/brand-guidelines"
---

# brand-guidelines

> Curated from Anthropic's official skills repository.

## What it does

Apply Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards. A reference for shaping your own.

## Source

- Upstream: https://github.com/anthropics/skills/tree/main/skills/brand-guidelines
- Category: `design-systems`

## How to use

This catalogue entry advertises the skill in OpenDesign so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/anthropics/skills/tree/main/skills/brand-guidelines
```

Then ask the agent to invoke this skill by name (`brand-guidelines`) or with
one of the trigger phrases listed in this skill's frontmatter.

© nexu-io · Apache-2.0 · nexu-io/open-design

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor