Brand and Design Toolkit
nextlevelbuilder/ui-ux-pro-max-skill
Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.
Generate logo variants for a brand, producing multiple production-grade marks across different architectures (wordmark, lockup, symbol-only, letterform-as-symbol, monogram) with rationale…
$ npx skills add rampstackco/claude-skills --skill logo-design -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install rampstackco/claude-skills logo-design --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/logo-design .claude/skills/logo-design && 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 "logo-design" agent skill from https://github.com/rampstackco/claude-skills/tree/main/skills/logo-design into .claude/skills/logo-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "logo-design", 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/logo-designType 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 logo-design -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install rampstackco/claude-skills logo-design --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/logo-design .agents/skills/logo-design && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "logo-design" agent skill from https://github.com/rampstackco/claude-skills/tree/main/skills/logo-design into .agents/skills/logo-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "logo-design", 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 logo-design -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install rampstackco/claude-skills logo-design --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/logo-design .cursor/skills/logo-design && 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 "logo-design" agent skill from https://github.com/rampstackco/claude-skills/tree/main/skills/logo-design into .cursor/skills/logo-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "logo-design", 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/logo-design--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 logo-design -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install rampstackco/claude-skills logo-design --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/logo-design .gemini/skills/logo-design && 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 "logo-design" agent skill from https://github.com/rampstackco/claude-skills/tree/main/skills/logo-design into .gemini/skills/logo-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "logo-design", 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 logo-designInstalls 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 logo-design -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/logo-design .github/skills/logo-design && 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 "logo-design" agent skill from https://github.com/rampstackco/claude-skills/tree/main/skills/logo-design into .github/skills/logo-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "logo-design", 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 logo-design -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 logo-design --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/logo-design .opencode/skills/logo-design && 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 "logo-design" agent skill from https://github.com/rampstackco/claude-skills/tree/main/skills/logo-design into .opencode/skills/logo-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "logo-design", 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.
logo-designGenerate logo variants for a brand, producing multiple production-grade marks across different architectures (wordmark, lockup, symbol-only, letterform-as-symbol, monogram) with rationale…
Logo Design is an agent skill from rampstackco/claude-skills. Generate logo variants for a brand, producing multiple production-grade marks across different architectures (wordmark, lockup, symbol-only, letterform-as-symbol, monogram) with rationale, application specs, and decision-ready presentation. Distinct from brand-identity, which produces the complete system (logo plus color, type, voice, applications). Goes deep on the logo specifically: typographic register, symbol approach, application-context discipline (16px favicon, embroidery, signage, motion), and production…
Its SKILL.md is about 5.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 9 other files, including reference files (for example `README.md`, `references/application-contexts.md` and `references/architectures-explained.md`).
It sits in Media & Creative, covering Logo and visual identity and Brand strategy and identity. 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.
5 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.
Logo Design loads about 5.8k tokens when it runs, and up to ~35k if it reads all its reference files. Until then it costs about 247 tokens; SKILL.md has 3,061 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). 3,061 words, ~5,849 tokens.
.claude/skills/logo-design/SKILL.md (or your agent's skills folder). This skill also uses 8 other files; get the full folder from GitHub.A logo is a system of marks, not a single drawing. This skill produces multiple production-grade variants exploring different architectural approaches, each with rationale, application specs, and a clear position on what it signals and rejects.
The output is decision material, not a finished logo. The brand owner selects from the variants and the skill produces production refinement on the chosen direction.
brand-identity instead when the deliverable is the complete identity system (logo plus color plus type plus voice plus applications). This skill is the logo-specific layer; brand-identity is the system layer.brand-discovery for brand positioning, audience, and voice work. A logo without strategy is a drawing.creative-direction for project-wide aesthetic direction. Creative direction calibrates many decisions; logo design produces specific marks.A logo decision sits at the intersection of five considerations. Each one filters subsequent choices.
What IS the logo, structurally?
Architectures:
How to choose: What does the brand need to do at small sizes? At 16px, most lockups fail. A favicon-grade mark needs either a strong symbol component or a letterform-as-symbol fallback. Lockups also need stacked alternates for square contexts (social profile pictures, app icons). A pure wordmark works only if the brand has another mark that can stand in at small sizes, often a letterform-as-symbol or monogram.
A common production setup is: primary lockup for most contexts, monogram for square contexts, letterform-as-symbol for favicon and embroidery. All three derive from the same wordmark and share visual DNA.
If wordmark or lockup, what typographic family carries the type?
Registers:
How to choose: What does the brand reject? Most categories have a default register. Legal firms default to old-style or transitional serif. Tech startups default to geometric or neo-grotesque sans. Choosing within the category default reads as competence; choosing outside reads as positioning. A boutique legal firm in geometric sans signals "modern, accessible". A SaaS startup in old-style serif signals "we take ourselves seriously".
If the architecture includes a symbol (lockup, symbol-only, letterform-as-symbol), what KIND of symbol?
Approaches:
How to choose: What does the brand name already do? Descriptive names (Atlas, Forge, Pulse, Anchor) invite literal symbols and letterform-as-symbol approaches. Abstract names (Stripe, Anthropic, Linear) demand abstract or geometric-reduction symbols. Heritage names (a founder's surname, a place name) often use monograms. The wrong approach disconnects symbol from name.
A logo is not a single drawing. It must work in every context the brand touches.
Contexts and their constraints:
The discipline: Every variant must pass the application-context test before it's a contender. Generate each variant, then mentally test each context. If a variant fails three or more contexts, it's not a primary mark; it might still serve as a secondary or display lockup but it isn't carrying the brand. Build a fallback hierarchy: primary lockup, secondary monogram, favicon-grade letterform-as-symbol.
Most logo failure happens through over-design. The discipline is subtractive.
Tests:
The discipline doesn't reject all detail. It rejects detail that doesn't earn its place. Every visual element should pass the question "does this read at the smallest application size?".
Gather inputs. Required inputs above. If the user has reference logos, walk through what specifically resonates in each. The references calibrate which architecture and register actually fit.
Establish primary architecture. Wordmark-only? Lockup? Letterform-as-symbol? Monogram? This is the foundational decision; everything else flows from it. For most new brands with a distinctive descriptive name, the right architecture is lockup with literal or letterform-derived symbol, plus a monogram fallback for square contexts.
Generate typographic explorations. Produce 3 to 4 wordmark-only variants exploring different typographic registers. Each variant should be a complete, kerned, optically-adjusted wordmark. These serve as both standalone candidates and as the foundation for subsequent symbol pairing.
Generate symbol explorations (if architecture includes a symbol). For each typographic exploration, generate 1 to 2 symbol pairings using different symbol approaches (literal, abstract gesture, letterform-derived, monogram). The symbol must visually agree with the wordmark's type weight, optical density, and tonal register. A heavy slab wordmark needs a chunky symbol; a hairline geometric wordmark needs a thin symbol.
Test each variant against application contexts. For each candidate, walk through 16px favicon, 1.5 inch embroidery, single-color reproduction, square stacked alternate. Eliminate variants that fail more than two contexts. Document which contexts each variant excels in versus needs a fallback for.
Pick top candidates for client review. Typically 6 to 12 final variants. Each variant must be visually distinct from the others. Variants that are too similar dilute the review and frustrate the client (they cannot tell why they should pick one over the other).
Document each variant. Per-variant: descriptive name (e.g., "01, Light geometric wordmark, Avenir Next"), architecture, typography, symbol approach if applicable, color tokens, application notes, signals (what it communicates), rejects (what it explicitly is NOT).
Provide production specs for the top 3 candidates. SVG-ready construction notes, color hex codes (primary plus single-color black plus single-color white plus reverse), sizing guidelines (minimum sizes per medium), motion entry and exit recommendation, embroidery and foil-stamp adaptations.
Provide application mockups. Render each top candidate in 3 to 5 representative contexts: web header, business card, favicon at 16 and 32px, embroidery patch, signage. Mockups can be image-generated or schematic. The point is to show the client how the mark lives across contexts, not to deliver finished marketing material.
Hand off. Output is decision material. The brand owner selects a direction. The skill (or a follow-up iteration) then produces production refinement on the chosen path: cleaner construction, refined kerning, color system finalization, application library.
Default output is a markdown spec with multiple variants, typically saved as logo-variants.md at the project root or in a design/ subdirectory. The spec is paired with rendered images for each variant, saved alongside (typically in design/logo-variants/).
Per-variant structure:
The spec is decision material. The next step after delivery is selection plus production refinement on the chosen direction.
references/architectures-explained.md. The 5 mark architectures with examples, when each fits, when each fails, and how to combine them in a primary plus fallback hierarchy.references/typographic-registers.md. The typographic registers with named typefaces, category-fit notes, and example brands per register.references/symbol-approaches.md. The 5 symbol approaches with pattern examples, calibrating the agent's vocabulary for symbol generation.references/application-contexts.md. The contexts every logo must pass, with constraint specs (favicon size, embroidery color count, single-color rules, motion entry recommendations).references/category-conventions.md. A survey of common conventions across major brand categories, with defaults that work, conventions worth honoring, conventions worth breaking for positioning, and category-specific application contexts.references/example-variant-spec.md. A complete example showing all nine per-variant fields filled in for a representative project.references/client-package.md. The package format clients expect at delivery: file format matrix, variant matrix, folder structure, naming convention, documentation layer (usage guide plus brand colors plus license), delivery mechanisms, and the failure patterns that send the client back asking for a missing variant.© 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 8 other files (references) in skills/logo-design of rampstackco/claude-skills.
Open the folder on GitHubat commit 482c9bf
Logo Design 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 |
|---|---|---|---|---|---|---|
| Logo Design this skillrampstackco/claude-skills | 940 | — | ~5.8k | Automated safety check: Pass | MIT | |
| Brand and Design Toolkitnextlevelbuilder/ui-ux-pro-max-skill | 134k | 1 repos | ~3.5k | Automated safety check: Pass | MIT | |
| Anthropic Brand Stylinganthropics/skills | 180k | 30 repos | ~559 | Automated safety check: Pass | Apache-2.0 | |
| Brand Design Skillziguishian/brand-design-skill | 152 | — | ~4.4k | Automated safety check: Pass | None | |
| Design Masterminhnv0807/ai-business-skills | 608 | — | ~4.6k | Automated safety check: Pass | MIT | |
| Brand Setuphassancs91/claude-youtube-editor | 322 | — | ~2.3k | Automated safety check: Pass | MIT |
nextlevelbuilder/ui-ux-pro-max-skill
Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.
anthropics/skills
Applies Anthropic's brand colors and fonts to artifacts such as PowerPoint slides, using fixed hex values for text and accents, Poppins headings and Lora body text.
ziguishian/brand-design-skill
Drive a strict conversational, image-first and image-final brand identity design process.
minhnv0807/ai-business-skills
Handles eight kinds of marketing visual requests, from logos and campaign key visuals to infographics and quote graphics, by generating images or writing paste-ready prompts.
hassancs91/claude-youtube-editor
Makes this repo's videos look like YOUR channel instead of the house default — interviews you for palette, fonts, wordmark, motion energy, delivery specs and SFX taste, then rewrites brand.md +…
magnus919/hermes-profiles
Create comprehensive brand identity documentation for any brand.
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
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.
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.
Categories
Generate logo variants for a brand, producing multiple production-grade marks across different architectures (wordmark, lockup, symbol-only, letterform-as-symbol, monogram) with rationale…. Logo Design is an agent skill from rampstackco/claude-skills. Generate logo variants for a brand, producing multiple production-grade marks across different architectures (wordmark, lockup, symbol-only, letterform-as-symbol, monogram) with rationale, application specs, and decision-ready presentation.
Logo Design fits situations like: logo iterations; refine the logo; letterform-as-symbol; exploring mark variants for an established brand.
Run `npx skills add rampstackco/claude-skills --skill logo-design -a claude-code`. Or copy the skill folder (skills/logo-design in rampstackco/claude-skills) into .claude/skills/logo-design in your project. Claude Code loads it when a task matches its description.
Run `npx skills add rampstackco/claude-skills --skill logo-design -a codex`. Or copy the skill folder (skills/logo-design in rampstackco/claude-skills) into .agents/skills/logo-design 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 logo-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/logo-design, .gemini/skills/logo-design, .github/skills/logo-design and .opencode/skills/logo-design in your project.
SKILL.md names no scripts, command-line tools or credentials: Logo Design 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.
Logo Design is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 5.8k tokens (SKILL.md is roughly 23k 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 29k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Logo Design: Brand and Design Toolkit (nextlevelbuilder/ui-ux-pro-max-skill, 134k stars), Anthropic Brand Styling (anthropics/skills, 180k stars), Brand Design Skill (ziguishian/brand-design-skill, 152 stars) and Design Master (minhnv0807/ai-business-skills, 608 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.