Design
Ohh-889/skyroc
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations…
Build or audit a comprehensive brand style guide that documents the full brand system including story, logo system, color, typography, imagery, voice, applications, and dos/don'ts.
$ npx skills add rampstackco/claude-skills --skill brand-style-guide -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install rampstackco/claude-skills brand-style-guide --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/rampstackco/claude-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/brand-style-guide .claude/skills/brand-style-guide && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "brand-style-guide" agent skill from https://github.com/rampstackco/claude-skills/tree/main/skills/brand-style-guide into .claude/skills/brand-style-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-style-guide", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/rampstackco/claude-skills/tree/main/skills/brand-style-guideType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add rampstackco/claude-skills --skill brand-style-guide -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install rampstackco/claude-skills brand-style-guide --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/rampstackco/claude-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/brand-style-guide .agents/skills/brand-style-guide && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "brand-style-guide" agent skill from https://github.com/rampstackco/claude-skills/tree/main/skills/brand-style-guide into .agents/skills/brand-style-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-style-guide", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add rampstackco/claude-skills --skill brand-style-guide -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install rampstackco/claude-skills brand-style-guide --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/rampstackco/claude-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/brand-style-guide .cursor/skills/brand-style-guide && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "brand-style-guide" agent skill from https://github.com/rampstackco/claude-skills/tree/main/skills/brand-style-guide into .cursor/skills/brand-style-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-style-guide", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/rampstackco/claude-skills.git --path skills/brand-style-guide--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add rampstackco/claude-skills --skill brand-style-guide -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install rampstackco/claude-skills brand-style-guide --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/rampstackco/claude-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/brand-style-guide .gemini/skills/brand-style-guide && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "brand-style-guide" agent skill from https://github.com/rampstackco/claude-skills/tree/main/skills/brand-style-guide into .gemini/skills/brand-style-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-style-guide", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install rampstackco/claude-skills brand-style-guideInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add rampstackco/claude-skills --skill brand-style-guide -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/rampstackco/claude-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/brand-style-guide .github/skills/brand-style-guide && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "brand-style-guide" agent skill from https://github.com/rampstackco/claude-skills/tree/main/skills/brand-style-guide into .github/skills/brand-style-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-style-guide", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add rampstackco/claude-skills --skill brand-style-guide -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install rampstackco/claude-skills brand-style-guide --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/rampstackco/claude-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/brand-style-guide .opencode/skills/brand-style-guide && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "brand-style-guide" agent skill from https://github.com/rampstackco/claude-skills/tree/main/skills/brand-style-guide into .opencode/skills/brand-style-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-style-guide", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
brand-style-guideBuild or audit a comprehensive brand style guide that documents the full brand system including story, logo system, color, typography, imagery, voice, applications, and dos/don'ts.
Brand Style Guide is an agent skill from rampstackco/claude-skills. Build or audit a comprehensive brand style guide that documents the full brand system including story, logo system, color, typography, imagery, voice, applications, and dos/don'ts. Use this skill whenever the user wants to create brand guidelines, document an existing brand, build a brand book, audit an existing style guide for completeness, or produce the artifact that other teams will reference for years. Triggers on style guide, brand guidelines, brand book, brand standards, brand manual, style sheet, brand…
Its SKILL.md is about 2.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `README.md`, `references/maintenance-playbook.md` and `references/style-guide-template.md`).
It sits in Media & Creative, covering Brand strategy and identity, Logo and visual identity and Design systems. The repository describes itself as: Stack-agnostic Claude Skills covering the full website lifecycle: brand, design, content, SEO, dev, ops, growth, and research. Build, ship, audit, optimize. The licence is MIT.
8 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 482c9bf. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Brand Style Guide loads about 2.1k tokens when it runs, and up to ~6k if it reads all its reference files. Until then it costs about 178 tokens; SKILL.md has 1,013 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from rampstackco/claude-skills at commit 482c9bf, republished under its MIT licence (© rampstackco). 1,013 words, ~2,111 tokens.
.claude/skills/brand-style-guide/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.Document the brand system so other people can use it without ambiguity. This is the artifact that lives longest. Designers, developers, agencies, and vendors will reference it for years. Build it like a reference manual, not a presentation.
This skill assumes the brand identity is designed (run brand-identity first if not). The output of this skill is the canonical reference document.
brand-identity)brand-voice for the voice doc, then integrate)design-standards or design-system)A complete style guide has eight sections. Most guides skip 2 or 3 of them and create downstream confusion. Build all 8 from the start.
The narrative behind the brand. Why it exists, what it stands for, what it rejects.
Every variant of every mark, with rules.
The full color system with rules.
The full type system.
What pictures look like in this brand.
How the brand sounds. (Pulled from brand-voice work if done separately.)
The brand applied to real contexts.
The boundaries, illustrated.
The dos and don'ts section is what people actually reference in practice. Make it the easiest section to scan.
references/style-guide-template.md.Default output is a multi-section markdown document or a structured set of files, plus a presentation-ready version (web page, PDF, or Figma) for sharing with stakeholders.
Recommended structure:
brand/
style-guide.md (the canonical document)
story.md (or as a section)
logo/
construction.md
files/ (SVG, PNG, etc.)
colors.md
typography.md
imagery/
photography.md
illustration.md
icons/
icons.md
files/
voice.md
applications/
web.md
email.md
social.md
print.md
dos-and-donts.mdFor consumer-facing presentation, build a web page version that imports from these source files. The source files are canonical. The presentation is a view of them.
references/style-guide-template.md - Fillable section-by-section template.references/maintenance-playbook.md - How to keep the guide current after launch.© rampstackco, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 3 other files (references) in skills/brand-style-guide of rampstackco/claude-skills.
Open the folder on GitHubat commit 482c9bf
Brand Style Guide next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Brand Style Guide this skillrampstackco/claude-skills | 940 | — | ~2.1k | Automated safety check: Pass | MIT | |
| DesignOhh-889/skyroc | 795 | 9 repos | ~3.1k | Automated safety check: Pass | MIT | |
| Brand SystemsHermeticOrmus/LibreUIUX-Claude-Code | 112 | — | ~2.3k | Automated safety check: Pass | MIT | |
| Brand Dnathatrebeccarae/claude-marketing | 162 | — | ~1.8k | Automated safety check: Pass | MIT | |
| Brand Identityarnabbagxd/Brand-building-skills | 720 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Brand Guidelinesnexu-io/open-design | 100k | — | ~346 | Automated safety check: Pass | Apache-2.0 |
Ohh-889/skyroc
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations…
HermeticOrmus/LibreUIUX-Claude-Code
Brand identity building blocks: positioning, personality, archetypes, logo systems, color palettes, type pairing, voice, and guidelines documentation.
thatrebeccarae/claude-marketing
Extract brand identity from a website URL — voice, colors, typography, imagery, values, and target audience — into a structured brand-profile.json.
arnabbagxd/Brand-building-skills
Create a visual identity brief for a brand — logo direction, color palette, typography, imagery style, and design system foundations.
nexu-io/open-design
Apply Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards.
jeremylongshore/tons-of-skills-marketplace
A skill your agent uses when asked to create a brand identity, define visual design direction, generate a color palette or type system, build a style guide, or establish the look and feel for a…
rampstackco/claude-skills
Run a structured after-action review (postmortem, retrospective) on a launch, incident, or completed project to capture timeline, root cause analysis, contributing factors, and actionable lessons.
rampstackco/claude-skills
Design measurement frameworks including event taxonomy, KPI hierarchy, dashboard architecture, attribution models, and analytics implementation strategy.
rampstackco/claude-skills
Develop or document a complete brand voice and tone system covering voice attributes, tone shifts by context, vocabulary preferences, grammar rules, and copy examples.
rampstackco/claude-skills
Write or edit website copy, blog content, and editorial pieces with attention to voice, structure, and goal.
rampstackco/claude-skills
Develop a content strategy covering editorial positioning, content pillars, formats, calendar, governance, and topical authority planning.
rampstackco/claude-skills
Run conversion rate optimization through hypothesis-driven testing including audit, hypothesis generation, test design, statistical analysis, and rollout decisions.
Build or audit a comprehensive brand style guide that documents the full brand system including story, logo system, color, typography, imagery, voice, applications, and dos/don'ts. Brand Style Guide is an agent skill from rampstackco/claude-skills. Build or audit a comprehensive brand style guide that documents the full brand system including story, logo system, color, typography, imagery, voice, applications, and dos/don'ts.
Brand Style Guide fits situations like: the user wants to create brand guidelines; document an existing brand; build a brand book; audit an existing style guide for completeness.
Run `npx skills add rampstackco/claude-skills --skill brand-style-guide -a claude-code`. Or copy the skill folder (skills/brand-style-guide in rampstackco/claude-skills) into .claude/skills/brand-style-guide in your project. Claude Code loads it when a task matches its description.
Run `npx skills add rampstackco/claude-skills --skill brand-style-guide -a codex`. Or copy the skill folder (skills/brand-style-guide in rampstackco/claude-skills) into .agents/skills/brand-style-guide in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add rampstackco/claude-skills --skill brand-style-guide -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/brand-style-guide, .gemini/skills/brand-style-guide, .github/skills/brand-style-guide and .opencode/skills/brand-style-guide in your project.
SKILL.md names no scripts, command-line tools or credentials: Brand Style Guide is instructions for the agent only.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Brand Style Guide is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.1k tokens (SKILL.md is roughly 8.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 3.9k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Brand Style Guide: Design (Ohh-889/skyroc, 795 stars), Brand Systems (HermeticOrmus/LibreUIUX-Claude-Code, 112 stars), Brand Dna (thatrebeccarae/claude-marketing, 162 stars) and Brand Identity (arnabbagxd/Brand-building-skills, 720 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
rampstackco (a GitHub organization) maintains it in rampstackco/claude-skills, which has 940 GitHub stars. The repository holds 103 skills in this directory. The repository was last updated on October 7, 2026.
Source: rampstackco/claude-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.