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.
Obtain or, as a last resort, design the square brand mark a Plugins-store card needs.
Install Design Brand Logo
$ npx skills add PersonalJarvis/PersonalJarvis --skill design-brand-logo -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install PersonalJarvis/PersonalJarvis design-brand-logo --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/PersonalJarvis/PersonalJarvis.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/design-brand-logo .claude/skills/design-brand-logo && 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 "design-brand-logo" agent skill from https://github.com/PersonalJarvis/PersonalJarvis/tree/main/.agents/skills/design-brand-logo into .claude/skills/design-brand-logo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-brand-logo", 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/PersonalJarvis/PersonalJarvis/tree/main/.agents/skills/design-brand-logoType 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 PersonalJarvis/PersonalJarvis --skill design-brand-logo -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install PersonalJarvis/PersonalJarvis design-brand-logo --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/PersonalJarvis/PersonalJarvis.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/design-brand-logo .agents/skills/design-brand-logo && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "design-brand-logo" agent skill from https://github.com/PersonalJarvis/PersonalJarvis/tree/main/.agents/skills/design-brand-logo into .agents/skills/design-brand-logo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-brand-logo", 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 PersonalJarvis/PersonalJarvis --skill design-brand-logo -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install PersonalJarvis/PersonalJarvis design-brand-logo --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/PersonalJarvis/PersonalJarvis.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/design-brand-logo .cursor/skills/design-brand-logo && 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 "design-brand-logo" agent skill from https://github.com/PersonalJarvis/PersonalJarvis/tree/main/.agents/skills/design-brand-logo into .cursor/skills/design-brand-logo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-brand-logo", 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/PersonalJarvis/PersonalJarvis.git --path .agents/skills/design-brand-logo--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 PersonalJarvis/PersonalJarvis --skill design-brand-logo -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install PersonalJarvis/PersonalJarvis design-brand-logo --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/PersonalJarvis/PersonalJarvis.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/design-brand-logo .gemini/skills/design-brand-logo && 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 "design-brand-logo" agent skill from https://github.com/PersonalJarvis/PersonalJarvis/tree/main/.agents/skills/design-brand-logo into .gemini/skills/design-brand-logo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-brand-logo", 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 PersonalJarvis/PersonalJarvis design-brand-logoInstalls 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 PersonalJarvis/PersonalJarvis --skill design-brand-logo -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/PersonalJarvis/PersonalJarvis.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/design-brand-logo .github/skills/design-brand-logo && 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 "design-brand-logo" agent skill from https://github.com/PersonalJarvis/PersonalJarvis/tree/main/.agents/skills/design-brand-logo into .github/skills/design-brand-logo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-brand-logo", 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 PersonalJarvis/PersonalJarvis --skill design-brand-logo -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install PersonalJarvis/PersonalJarvis design-brand-logo --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/PersonalJarvis/PersonalJarvis.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/design-brand-logo .opencode/skills/design-brand-logo && 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 "design-brand-logo" agent skill from https://github.com/PersonalJarvis/PersonalJarvis/tree/main/.agents/skills/design-brand-logo into .opencode/skills/design-brand-logo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-brand-logo", 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
design-brand-logo- GitHub stars
- 159
- Token cost
- ~1.2k tokens
- SKILL.md length
- 698 words
- Files
- 1
- Skills in repo
- 12
- Repo updated
- First seen
- Licence
- Apache-2.0
At a glance
Obtain or, as a last resort, design the square brand mark a Plugins-store card needs.
- Works in 4 steps: Look for the original → Decide whether the fallback is already… → Only now, design one → …
- Adding a marketplace plugin
- SKILL.md covers Where the store looks, Step 1 — Look for the original, Step 2 — Decide whether the… and Step 3 — Only now, design one, plus 2 more sections
- Calls python and npm; reaches cdn.jsdelivr.net and cal.com
What it does
Design Brand Logo is an agent skill from PersonalJarvis/PersonalJarvis. Obtain or, as a last resort, design the square brand mark a Plugins-store card needs. Use when adding a marketplace plugin, when a card falls back to a coloured tile or a letter monogram, or when someone reports that a logo "doesn't look original". Trigger phrases - "the logo is wrong", "get the real logo", "add a logo for <service", "make a logo", "das Logo ist nicht original".
Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Media & Creative, covering Logo and visual identity. The repository describes itself as: Your AI assistant, built for the agentic era. Open source and local: talk to it, and it runs your agents, your coding CLIs, your browser and your apps. Windows, macOS, Linux. The licence is Apache-2.0.
When your agent uses it
- Adding a marketplace plugin
- A card falls back to a coloured tile
- A letter monogram
- Someone reports that a logo doesnt look original
Example prompts
- “t look original”
- “the logo is wrong”
- “get the real logo”
- “/design-brand-logo”
Requirements
- Python 3
Workflow steps
4 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit 46acfbd. 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
Shell commands in SKILL.md call:
pythonnpm
From the folder's file list and the shell code blocks in SKILL.md.
Network
Hosts in commands or code, which the agent is likely to contact:
cdn.jsdelivr.netcal.com
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
Design Brand Logo loads about 1.2k tokens when it runs. Until then it costs about 100 tokens; SKILL.md has 698 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 PersonalJarvis/PersonalJarvis at commit 46acfbd, republished under its Apache-2.0 licence (© PersonalJarvis). 698 words, ~1,217 tokens.
Download SKILL.mdSave it as
.claude/skills/design-brand-logo/SKILL.md (or your agent's skills folder).- name
- design-brand-logo
- description
- Obtain or, as a last resort, design the square brand mark a Plugins-store card needs. Use when adding a marketplace plugin, when a card falls back to a coloured tile or a letter monogram, or when someone reports that a logo "doesn't look original". Trigger phrases - "the logo is wrong", "get the real logo", "add a logo for <service>", "make a logo", "das Logo ist nicht original".
Getting a plugin's brand mark right
A card's mark is the first thing anyone judges the store by. A wrong one does not read as a small cosmetic gap — it reads as fake.
The order is: find the original, then find the original somewhere else, and only then draw something. Drawing is the last resort, and what you draw must be honestly ours rather than an imitation of a mark you could not obtain.
Where the store looks
PluginsView.tsx resolves three tiers per card:
src/assets/brands/<plugin-id>.svg— the original mark, inset on a neutral tile. Every card should reach this tier.- The Simple Icons glyph in white on the plugin's
logo_colorbrand tile. - A letter monogram on that same tile.
Tiers 2 and 3 exist so a card is never blank. They are not a substitute for the real mark: they draw a white glyph on a colour, which is genuinely how a few brands look (Stripe, Cloudflare) and plainly wrong for most (Gmail is not a white envelope on red). A card sitting on tier 2 that does not really look like that is a bug.
Step 1 — Look for the original
Try, in order:
- gilbarbara/logos (CC0, ~1861 full-colour SVGs):
https://cdn.jsdelivr.net/gh/gilbarbara/logos@main/logos/<name>.svgTry<brand>-iconbefore<brand>— the plain name is usually the horizontal logotype. - svgl (MIT):
https://cdn.jsdelivr.net/gh/pheralb/svgl@main/static/library/<name>.svg - The vendor's own site. Many serve the square icon from a live endpoint
even when the public collections only carry their wordmark — Cal.com serves
its at
https://cal.com/api/logo?type=icon. Try/logo.svg,/icon.svg,/api/logo?type=icon, the<link rel="icon">in their homepage HTML, and their brand or press page before giving up.
Take the icon, not the wordmark. A logotype shrunk into a 40 px square is
unreadable; check the viewBox and reject anything wider than about 1.45:1.
Step 2 — Decide whether the fallback is already correct
Before concluding a mark is missing, ask what the service's real app icon
looks like. If it genuinely is a white glyph on a solid brand colour, tier 2 is
the faithful rendering and bundling a wordmark would make it less accurate.
Set the right logo_color in the catalog and record the decision in the
"Deliberately not bundled" table of LOGOS.md.
Show full SKILL.md (337 more words)Show less
Step 3 — Only now, design one
Applies to a self-hosted or niche service with no published mark. Be sceptical that you are really here: Cal.com looked like this case because the public collections only carry its wordmark, and it turned out to serve a perfectly good square icon from its own site. A hand-drawn placeholder that replaces an obtainable mark is worse than no work at all.
Do not approximate a logo you have seen. Guessing at someone's trademark is both legally worse and visually obvious. Design something that is clearly a Jarvis-made placeholder:
- one geometric glyph that says what the service does (a document, a house, a calendar), not a stylised initial pretending to be a logotype;
- flat white on the service's own brand colour, so it sits in the same visual family as tier 2;
- a square
viewBox, a single path where possible, no gradients, no text; - clear at 20 px, since that is the only size it will ever be seen at.
Record it in the ledger with own work as the legal basis, so nobody later
mistakes it for an official asset.
Step 4 — Land it
- Save as
src/assets/brands/<plugin-id>.svg— the catalog id, so no wiring is needed. - Strip anything active:
<script>,<foreignObject>,on*handlers, externalhrefs, embedded raster<image>. These files come from outside the project and an SVG runs on render. - Add a row to
LOGOS.md: plugin id, source, legal basis, date. - Run
python scripts/ci/check_brand_logos.py— it enforces steps 2 and 3 plus the aspect ratio, and it is wired into pre-push. npm run build, then look at the card. The bundle is committed, so an unbuilt change reaches nobody.
The licence line to keep straight
CC0 and MIT settle the copyright in the drawing. Neither grants trademark rights. Bundling is nominative use — identifying the service a plugin connects to — and the ledger says so. If a vendor's brand guidelines forbid third-party use of their icon, do not bundle it: leave it on tier 2 and note why.
© PersonalJarvis, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in .agents/skills/design-brand-logo of PersonalJarvis/PersonalJarvis.
Open the folder on GitHubat commit 46acfbd
Compare with similar skills
Design Brand Logo 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 |
|---|---|---|---|---|---|---|
| Design Brand Logo this skillPersonalJarvis/PersonalJarvis | 159 | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | |
| Brand and Design Toolkitnextlevelbuilder/ui-ux-pro-max-skill | 135k | 1 repos | ~3.5k | Automated safety check: Pass | MIT | |
| Anthropic Brand Stylinganthropics/skills | 180k | 30 repos | ~559 | Automated safety check: Pass | Apache-2.0 | |
| Logo Designkaankiziltug/logo-design-skill | 2.5k | — | ~4.4k | Automated safety check: Pass | MIT | |
| Logo Generatorop7418/logo-generator-skill | 2.2k | — | ~1.8k | Automated safety check: Notes | None | |
| Web Asset Generatoralonw0/web-asset-generator | 514 | 1 repos | ~6.6k | 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.
Logo Design
kaankiziltug/logo-design-skill
Professional logo and brand-mark design, from brief to production files.
Logo Generator
op7418/logo-generator-skill
Generate professional SVG logos and high-end showcase images.
Web Asset Generator
alonw0/web-asset-generator
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn.
Image Generation
onyx-dot-app/onyx
Generate or edit raster images (photos, illustrations, textures, sprites, mockups, logos, infographics) using the workspace's configured image-generation provider via onyx-cli image.
More from PersonalJarvis/PersonalJarvis
All 12 skills in this repoSkill Creator
PersonalJarvis/PersonalJarvis
Creates a new Jarvis skill from the user's description — the assistant writes the whole skill (name, trigger phrase, schedule, steps, spoken answer format) and files it as a draft.
Jarvis Doc Author
PersonalJarvis/PersonalJarvis
Authoritative skill for writing internal Personal-Jarvis docs under docs/ and sibling directories.
Drive Jarvis CLI
PersonalJarvis/PersonalJarvis
A skill your agent uses when you (a Claude Code / Codex session, or any terminal agent) need to control a running Personal Jarvis instance — switch the brain provider, dispatch or inspect missions…
Generate CLI Command
PersonalJarvis/PersonalJarvis
Use after building a feature that adds or changes a REST route in jarvis/ui/web/routes.py, as the "definition of done" before committing.
Phase6 Adr Update
PersonalJarvis/PersonalJarvis
A skill your agent uses when a Phase-6 architecture decision needs to be amended or a new Phase-6 ADR needs to be written (e.g.
Phase6 Smoke Test
PersonalJarvis/PersonalJarvis
A skill your agent uses to run a quick end-to-end smoke test against the Phase-6 Mission-Manager + Critic-Loop.
Related
Categories
Questions about Design Brand Logo
What does Design Brand Logo do?
Obtain or, as a last resort, design the square brand mark a Plugins-store card needs. Design Brand Logo is an agent skill from PersonalJarvis/PersonalJarvis. Obtain or, as a last resort, design the square brand mark a Plugins-store card needs.
When should I use Design Brand Logo?
Design Brand Logo fits situations like: adding a marketplace plugin; A card falls back to a coloured tile; A letter monogram; someone reports that a logo doesnt look original.
How do I install Design Brand Logo in Claude Code?
Run `npx skills add PersonalJarvis/PersonalJarvis --skill design-brand-logo -a claude-code`. Or copy the skill folder (.agents/skills/design-brand-logo in PersonalJarvis/PersonalJarvis) into .claude/skills/design-brand-logo in your project. Claude Code loads it when a task matches its description.
How do I install Design Brand Logo in Codex?
Run `npx skills add PersonalJarvis/PersonalJarvis --skill design-brand-logo -a codex`. Or copy the skill folder (.agents/skills/design-brand-logo in PersonalJarvis/PersonalJarvis) into .agents/skills/design-brand-logo in your project. Codex loads it when a task matches its description.
Can I use Design Brand Logo 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 PersonalJarvis/PersonalJarvis --skill design-brand-logo -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/design-brand-logo, .gemini/skills/design-brand-logo, .github/skills/design-brand-logo and .opencode/skills/design-brand-logo in your project.
What does Design Brand Logo need to run?
Going by SKILL.md and its folder, Design Brand Logo needs the command-line tools its instructions call (python and npm). Our summary lists: Python 3.
Does Design Brand Logo access the network?
SKILL.md names 2 domains. In commands or code: cdn.jsdelivr.net and cal.com; the agent is likely to contact these when it follows the instructions. This is read from the text; nothing was executed.
Is Design Brand Logo 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 Design Brand Logo use?
Design Brand Logo is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Design Brand Logo use?
About 1.2k tokens (SKILL.md is roughly 4.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Design Brand Logo?
Skills that share tags, products or a category with Design Brand Logo: Brand and Design Toolkit (nextlevelbuilder/ui-ux-pro-max-skill, 135k stars), Anthropic Brand Styling (anthropics/skills, 180k stars), Logo Design (kaankiziltug/logo-design-skill, 2.5k stars) and Logo Generator (op7418/logo-generator-skill, 2.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Design Brand Logo?
PersonalJarvis (a GitHub organization) maintains it in PersonalJarvis/PersonalJarvis, which has 159 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on October 10, 2026.
Source: PersonalJarvis/PersonalJarvis on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.