Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add EliasOulkadi/shokunin --skill brand-designgit clone --depth 1 https://github.com/EliasOulkadi/shokuninWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/eliasoulkadi/shokunin/brand-design)<a href="https://agentmods.dev/skills/eliasoulkadi/shokunin/brand-design"><img src="https://agentmods.dev/badge/skills/eliasoulkadi/shokunin/brand-design/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/eliasoulkadi/shokunin/brand-design"><img src="https://agentmods.dev/badge/skills/eliasoulkadi/shokunin/brand-design.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00040 | $0.03110 |
| Opus 5 | $0.00020 | $0.01555 |
| Sonnet 5 | $0.00008 | $0.00622 |
| Haiku 4.5 | $0.00004 | $0.00311 |
Grade A, and why
brand-design scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 306 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Brand Design Skill v3.0
Brand identity, design systems, creative direction, and project briefs.
Workflow: Brand / Design System Creation
Follow this numbered process. Do not skip steps.
| Step | Action | Output |
|---|---|---|
| 1 | Gather inputs: brand story, competitors, audience research, technical constraints | Brief document |
| 2 | Define brand strategy: positioning, personality (3-5 adjectives), tone of voice | Brand strategy doc |
| 3 | Build color system: primary, neutral, semantic palettes + WCAG AA checks | Color tokens + palette |
| 4 | Select typography: headline/body pairing, scale, line-height, responsive sizing | Typography tokens |
| 5 | Define spacing, radius, shadow, motion tokens (W3C format) | Design tokens JSON |
| 6 | Create logo variations + usage guidelines | Logo guidelines |
| 7 | Apply to 3+ touchpoints: web, print, social, or environmental | Application mockups |
| 8 | Run design system audit (see checklist below) | Audit report |
| 9 | Document anti-patterns and error states | Error + anti-pattern docs |
| 10 | Stakeholder review + alignment sign-off | Approved design system v1.0 |
Error Handling
| Error | Cause | Fix |
|---|---|---|
| Color contrast fails WCAG AA | Luminance ratio < 4.5:1 for text | Darken or lighten until ratio passes. Use contrastRatio in tokens. |
| Token mismatch across platforms | Figma tokens != code tokens | Single source of truth: W3C JSON. Export from design tool. |
| Typography scale gaps | Missing intermediate sizes | Build scale with modular scale (1.25 or 1.333 ratio). |
| Logo illegible at min size | Too much detail in icon | Use simplified lockup or separate wordmark + icon variants. |
| Design brief scope creep | Unclear out-of-scope list | Explicit "what's NOT included" section. Reference during reviews. |
| Stakeholder disagreement | No clear decision authority | Identify single approver in brief. Escalate to DRI. |
| Campaign fails originality axis | Cliché or derivative idea | Force 5+ directions. Run through SCAMPER/TRIZ. Reference culture, not competitors. |
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 12d ago First seen · 306 lines · 40 tokens per session scan A 0fe68235c70a
brand-design is a skill published in the GitHub repository EliasOulkadi/shokunin (113 stars, last pushed 1mo ago), licensed MIT. It adds 40 tokens to every session and 3,110 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
slides
A slide generator that creates PNG images for presentation decks, including simple backgrounds for spoken-video scripts and fuller layouts for standalone presentations.
presentation-creator
Builds decks with a story spine, house visual system, setting-specific density, and speaker notes. Use when asked to "create a presentation", "write a pitch deck", or "turn this doc into slides". Defaults to Marp; use an available presentation tool for editable PowerPoint. For product UI use ui-design.
blender-reference-to-3d
A workflow for creating an editable 3D character in Blender from reference images, especially anime-style heads and hair. It covers analysing the image, building geometry, applying colours, checking views, and delivering the project.
canva-automation
Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill. Always search tools first for current schemas.
code-material-gen
A code-based graphics tool that uses HTML and CSS, then renders the result with Playwright, a browser automation tool. It is designed for Chinese text, selectable fonts, and repeatable layouts.
ppt-orchestrator
A dispatcher for creating presentations, slide decks, long images, and weekly reports. It chooses a visual style and output format, then sends the work to a more specialised add-on.