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.
Applies the OpenClaw visual identity (coral and sea-glass palette, type stacks, logo rules and voice) to documents, slides, social graphics and launch material.
Install OpenClaw Brand Identity
$ npx skills add openclaw/clawhub --skill openclaw-brand -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install openclaw/clawhub openclaw-brand --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/openclaw/clawhub.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/openclaw-brand .claude/skills/openclaw-brand && 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 "openclaw-brand" agent skill from https://github.com/openclaw/clawhub/tree/main/.agents/skills/openclaw-brand into .claude/skills/openclaw-brand/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "openclaw-brand", 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/openclaw/clawhub/tree/main/.agents/skills/openclaw-brandType 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 openclaw/clawhub --skill openclaw-brand -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install openclaw/clawhub openclaw-brand --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/openclaw/clawhub.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/openclaw-brand .agents/skills/openclaw-brand && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "openclaw-brand" agent skill from https://github.com/openclaw/clawhub/tree/main/.agents/skills/openclaw-brand into .agents/skills/openclaw-brand/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "openclaw-brand", 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 openclaw/clawhub --skill openclaw-brand -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install openclaw/clawhub openclaw-brand --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/openclaw/clawhub.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/openclaw-brand .cursor/skills/openclaw-brand && 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 "openclaw-brand" agent skill from https://github.com/openclaw/clawhub/tree/main/.agents/skills/openclaw-brand into .cursor/skills/openclaw-brand/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "openclaw-brand", 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/openclaw/clawhub.git --path .agents/skills/openclaw-brand--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 openclaw/clawhub --skill openclaw-brand -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install openclaw/clawhub openclaw-brand --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/openclaw/clawhub.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/openclaw-brand .gemini/skills/openclaw-brand && 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 "openclaw-brand" agent skill from https://github.com/openclaw/clawhub/tree/main/.agents/skills/openclaw-brand into .gemini/skills/openclaw-brand/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "openclaw-brand", 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 openclaw/clawhub openclaw-brandInstalls 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 openclaw/clawhub --skill openclaw-brand -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/openclaw/clawhub.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/openclaw-brand .github/skills/openclaw-brand && 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 "openclaw-brand" agent skill from https://github.com/openclaw/clawhub/tree/main/.agents/skills/openclaw-brand into .github/skills/openclaw-brand/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "openclaw-brand", 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 openclaw/clawhub --skill openclaw-brand -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install openclaw/clawhub openclaw-brand --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/openclaw/clawhub.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/openclaw-brand .opencode/skills/openclaw-brand && 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 "openclaw-brand" agent skill from https://github.com/openclaw/clawhub/tree/main/.agents/skills/openclaw-brand into .opencode/skills/openclaw-brand/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "openclaw-brand", 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.
Facts
- Skill name
openclaw-brand- GitHub stars
- 9.5k
- Token cost
- ~447 tokens
- SKILL.md length
- 200 words
- Files
- 3 (incl. references)
- Skills in repo
- 55
- Repo updated
- First seen
- Licence
- MIT
At a glance
Applies the OpenClaw visual identity (coral and sea-glass palette, type stacks, logo rules and voice) to documents, slides, social graphics and launch material.
- Works in 7 steps: Read identity.md for palette,… → Read asset-rights.md before copying or… → Identify the artifact's audience and… → …
- Producing a slide deck, one-pager or social graphic that must look like OpenClaw
- SKILL.md covers Workflow and Rules
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
This skill is for work that changes or applies the OpenClaw brand itself, such as logos, typography, imagery, voice, documents, presentations, social graphics and launch materials, as opposed to ordinary product screens. The agent first reads an identity reference covering palette, type, logo and voice, then an asset-rights reference before it copies or redistributes any brand asset.
The rules it sets: sentence case for headings, labels and buttons; coral for primary emphasis with sea-glass green as a restrained accent on neutral ink and warm-paper surfaces; Switzer-compatible sans-serif for interface and body text, a Sentient-compatible serif for editorial accents, and system monospace for code. Logos keep their proportions and colors, imagery should be real product or community material, and status colors stay functional. The agent checks contrast, responsive cropping and legibility, and reports logo clearspace as unavailable unless approved local guidance defines it.
When your agent uses it
- Producing a slide deck, one-pager or social graphic that must look like OpenClaw
- Choosing brand colors, fonts and imagery for a launch announcement
- Reviewing a draft asset for logo misuse or off-brand styling before it ships
Example prompts
- “Design a launch announcement graphic for the next OpenClaw release in the official brand style.”
- “Restyle this partner slide deck so the headings, colors and fonts follow the OpenClaw identity.”
- “Can I reuse the mascot artwork from the website in our conference booth banner?”
Workflow steps
7 steps, taken from the first numbered list in SKILL.md.
- Read identity.md for palette, typography, logo, and voice.
- Read asset-rights.md before copying or redistributing assets.
- Identify the artifact's audience and whether it is product, documentation, or marketing.
- Use semantic design tokens when the artifact is code.
- Keep status colors functional; do not use them as arbitrary decoration.
- Verify contrast, responsive cropping, and text legibility.
- Verify logo clearspace only when approved consumer-local guidance defines it;
What it can do on your machine
Read from SKILL.md and the folder at commit d044664. It shows what the files ask for, not the result of running them.
Tool permissions
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.
Runs code
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.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
OpenClaw Brand Identity loads about 447 tokens when it runs, and up to ~1.1k if it reads all its reference files. Until then it costs about 62 tokens; SKILL.md has 200 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.
Safety
Auto-check passed
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.
SKILL.md
The full file from openclaw/clawhub at commit d044664, republished under its MIT licence (© openclaw). 200 words, ~447 tokens.
Download SKILL.mdSave it as
.claude/skills/openclaw-brand/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.- name
- openclaw-brand
- description
- Apply OpenClaw visual identity to logos, typography, imagery, voice, documents, presentations, social graphics, and launch materials. Use when the task changes brand identity rather than ordinary product UI or public-page composition.
OpenClaw Brand
Use the canonical identity without turning every surface into a marketing page.
Workflow
- Read identity.md for palette, typography, logo, and voice.
- Read asset-rights.md before copying or redistributing assets.
- Identify the artifact's audience and whether it is product, documentation, or marketing.
- Use semantic design tokens when the artifact is code.
- Keep status colors functional; do not use them as arbitrary decoration.
- Verify contrast, responsive cropping, and text legibility.
- Verify logo clearspace only when approved consumer-local guidance defines it; otherwise report that check as unavailable rather than inventing a measurement.
Rules
- Use sentence case for headings, labels, buttons, and navigation.
- Let OpenClaw coral carry primary brand emphasis.
- Use sea-glass green as a restrained secondary accent.
- Use neutral ink and warm-paper surfaces as the foundation.
- Prefer Switzer-compatible sans-serif stacks for interface and body copy.
- Reserve Sentient-compatible serif stacks for editorial accents and quotations.
- Use system monospace for code unless the consumer already licenses another face.
- Preserve logo proportions and colors. Do not rotate, distort, outline, or add effects.
- Use real product, interface, community, or mascot imagery when imagery is needed.
- Avoid generic technology gradients, decorative blobs, and ornamental glow as a substitute for content.
© openclaw, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 2 other files (references) in .agents/skills/openclaw-brand of openclaw/clawhub.
- SKILL.md
- references/asset-rights.md
- references/identity.md
Open the folder on GitHubat commit d044664
Compare with similar skills
OpenClaw Brand Identity 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 |
|---|---|---|---|---|---|---|
| OpenClaw Brand Identity this skillopenclaw/clawhub | 9.5k | — | ~447 | 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 | |
| Design Masterminhnv0807/ai-business-skills | 610 | — | ~4.6k | Automated safety check: Pass | MIT | |
| Brand Designermagnus919/hermes-profiles | 282 | — | ~2.3k | Automated safety check: Pass | MIT | |
| Nous Brandingmagnus919/agent-skills | 116 | — | ~4k | Automated safety check: Pass | MIT |
Similar skills
- Official
Anthropic Brand Styling
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.
Design Master
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.
Brand Designer
magnus919/hermes-profiles
Create comprehensive brand identity documentation for any brand.
Nous Branding
magnus919/agent-skills
Generate images and content consistent with the Nous Research brand identity.
Brand Dna
thatrebeccarae/claude-marketing
Extract brand identity from a website URL — voice, colors, typography, imagery, values, and target audience — into a structured brand-profile.json.
More from openclaw/clawhub
All 55 skills in this repoAxiom Alerting Management
openclaw/clawhub
Creates and manages Axiom monitors and notifiers end to end through the v2 API, with scripts for each CRUD operation and a recommended create-validate-tune workflow.
Axiom Dashboard Builder
openclaw/clawhub
Designs and deploys Axiom dashboards through the API, choosing chart types and writing APL or metrics queries, with templates and migration notes for Splunk and Grafana.
Axiom Cost Control
openclaw/clawhub
Finds unused data in Axiom by analyzing query patterns, then deploys a cost dashboard and ingest monitors to keep spend under the contract limit.
Axiom Metrics Query
openclaw/clawhub
Explores and queries OpenTelemetry metrics in Axiom MetricsDB, listing datasets, metrics and tags first and picking the right aggregation for each metric's type.
Axiom SRE Investigator
openclaw/clawhub
Investigates incidents and production problems with hypothesis-driven debugging, queries Axiom observability data when available, and keeps secrets out of commands and output.
Axiom Eval Writer
openclaw/clawhub
Scaffolds evaluation suites for the Axiom AI SDK: eval files, scorers, flag schemas and axiom.config.ts, generated from plain descriptions of an AI capability.
Related
Categories
Questions about OpenClaw Brand Identity
What does OpenClaw Brand Identity do?
Applies the OpenClaw visual identity (coral and sea-glass palette, type stacks, logo rules and voice) to documents, slides, social graphics and launch material. This skill is for work that changes or applies the OpenClaw brand itself, such as logos, typography, imagery, voice, documents, presentations, social graphics and launch materials, as opposed to ordinary product screens. The agent first reads an identity reference covering palette, type, logo and voice, then an asset-rights reference before it copies or redistributes any brand asset.
When should I use OpenClaw Brand Identity?
OpenClaw Brand Identity fits situations like: producing a slide deck, one-pager or social graphic that must look like OpenClaw; choosing brand colors, fonts and imagery for a launch announcement; reviewing a draft asset for logo misuse or off-brand styling before it ships.
How do I install OpenClaw Brand Identity in Claude Code?
Run `npx skills add openclaw/clawhub --skill openclaw-brand -a claude-code`. Or copy the skill folder (.agents/skills/openclaw-brand in openclaw/clawhub) into .claude/skills/openclaw-brand in your project. Claude Code loads it when a task matches its description.
How do I install OpenClaw Brand Identity in Codex?
Run `npx skills add openclaw/clawhub --skill openclaw-brand -a codex`. Or copy the skill folder (.agents/skills/openclaw-brand in openclaw/clawhub) into .agents/skills/openclaw-brand in your project. Codex loads it when a task matches its description.
Can I use OpenClaw Brand Identity in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add openclaw/clawhub --skill openclaw-brand -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/openclaw-brand, .gemini/skills/openclaw-brand, .github/skills/openclaw-brand and .opencode/skills/openclaw-brand in your project.
What does OpenClaw Brand Identity need to run?
SKILL.md names no scripts, command-line tools or credentials: OpenClaw Brand Identity is instructions for the agent only.
Does OpenClaw Brand Identity access the network?
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.
Is OpenClaw Brand Identity safe to install?
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.
What licence does OpenClaw Brand Identity use?
OpenClaw Brand Identity is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does OpenClaw Brand Identity use?
About 447 tokens (SKILL.md is roughly 1.8k 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 625 tokens, read only when the agent opens those files.
What are the alternatives to OpenClaw Brand Identity?
Skills that share tags, products or a category with OpenClaw Brand Identity: Brand and Design Toolkit (nextlevelbuilder/ui-ux-pro-max-skill, 134k stars), Anthropic Brand Styling (anthropics/skills, 180k stars), Design Master (minhnv0807/ai-business-skills, 610 stars) and Brand Designer (magnus919/hermes-profiles, 282 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains OpenClaw Brand Identity?
openclaw (a GitHub organization) maintains it in openclaw/clawhub, which has 9,500 GitHub stars. The repository holds 55 skills in this directory. The repository was last updated on October 8, 2026.
Source: openclaw/clawhub on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.