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 modu-ai/moai-cowork --skill design-brand-visualgit clone --depth 1 https://github.com/modu-ai/moai-coworkWrote 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/modu-ai/moai-cowork/design-brand-visual)<a href="https://agentmods.dev/skills/modu-ai/moai-cowork/design-brand-visual"><img src="https://agentmods.dev/badge/skills/modu-ai/moai-cowork/design-brand-visual/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/modu-ai/moai-cowork/design-brand-visual"><img src="https://agentmods.dev/badge/skills/modu-ai/moai-cowork/design-brand-visual.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.00214 | $0.02082 |
| Opus 5 | $0.00107 | $0.01041 |
| Sonnet 5 | $0.00043 | $0.00416 |
| Haiku 4.5 | $0.00021 | $0.00208 |
Grade A, and why
design-brand-visual 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 8d 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 — 134 lines — stays where its author put it; the contents beside it link to each section on GitHub.
design-brand-visual — 브랜드 정합 비주얼 생성
moai-designer| 디자인 시스템 → 생성 프롬프트 (생성 실행:moai-media)
개요
디자인 시스템을 갖춘 프로젝트에서 AI 이미지가 실패하는 지점은 품질이 아니라 정합이다. 잘 만들어진 히어로 이미지도 브랜드 팔레트를 벗어나면 쓸 수 없다.
이 스킬은 생성 전에 프로젝트의 디자인 토큰과 브랜드 규칙을 먼저 읽고, 그 값을 프롬프트 제약으로 바꾼 뒤 생성으로 넘긴다.
하지 않는 것
- 이미지 생성 실행·모델 선택·크레딧 고지 안 함 —
moai-media:media-higgsfield-core계약에 위임한다(§4 생성 실행). - 디자인 토큰 정의 안 함 — 토큰의 진실원은 프로젝트의 디자인 시스템이다. 이 스킬은 읽어서 쓸 뿐 새로 만들지 않는다.
- 사용자에게 직접 질문 안 함 — 슬롯이 비면 blocker를 반환하고 오케스트레이터가 확인한다.
트리거 키워드
히어로 이미지, 랜딩 비주얼, 키 비주얼, 브랜드 이미지, OG 이미지, 소셜 공유 이미지, 목업, 마스코트, 일러스트, 빈 상태, 엠티 스테이트, 배너 이미지, 브랜드 톤 이미지
워크플로우
1단계 — 디자인 시스템 읽기
생성 프롬프트를 쓰기 전에 프로젝트의 진실원을 찾아 읽는다. 우선순위:
- 디자인 시스템 핸드오프 디렉터리(토큰 CSS·화면 설계 원본·브랜드 규칙 문서)
DESIGN.md또는 그에 준하는 디자인 결정 문서- 토큰 파일(DTCG / CSS 변수 / shadcn 설정)
- 브랜드 아이덴티티 문서(보이스·금지 사항·마스코트 사용 규칙)
없으면 없는 대로 진행하되, 토큰 근거 없이 색을 지어내지 않는다. 근거가 없다는 사실을 결과에 명시한다.
2단계 — 제약으로 변환
읽은 값을 프롬프트 제약으로 바꾼다. 이 변환이 이 스킬의 핵심 산출이다.
| 디자인 시스템 항목 | 프롬프트 제약 |
|---|---|
| 팔레트 | 정확한 색을 명시(가능하면 hex), 그 밖의 색조 금지 |
| 타이포 | 이미지 안 문자를 넣을지 여부. 넣는다면 폰트 성격 |
| 반경·여백 | 형태 언어(각진/둥근), 여백 밀도 |
| 브랜드 보이스 | 무드 어휘(차분한/대담한/따뜻한) |
| 금지 규칙 | 부정이 아니라 긍정 서술로 변환(→ 코어 R1) |
| 마스코트 규칙 | 사용 가부, 포즈·표정 허용 범위 |
금지 규칙 변환 주의: "주황색 쓰지 마"를 그대로 넣으면 모델이 주황에 주목한다. "그린과 무채색만으로 구성"처럼 원하는 것을 서술한다.
3단계 — 용도 규격 확정
| 용도 | 비율 | 유의점 |
|---|---|---|
| 히어로 / 랜딩 상단 | 16:9 또는 더 넓게 |
텍스트가 얹힐 자리를 비워 둔다 |
| OG / 소셜 공유 | 16:9 근사 |
작게 축소돼도 읽히는 형태 |
| 카드 썸네일 | 1:1 또는 4:3 |
중앙 집중 구도 |
| 목업 | 제품 형태에 맞춤 | 실제 UI와 모순되지 않게 |
| 빈 상태 일러스트 | 1:1 |
단순·저채도, 본문을 방해하지 않게 |
| 마스코트 | 투명 배경 필요 시 후처리 | 기존 마스코트와 동일 디자인 |
4단계 — 생성 위임
조립한 프롬프트와 제약을 moai-media:media-higgsfield-core 계약에 넘긴다. 모델 선택·라이브 파라미터 조회·비용 프리플라이트·폴링은 전부 그쪽이 한다.
마스코트나 특정 인물이 여러 컷에 일관되게 나와야 하면 먼저 moai-media:media-higgsfield-identity로 참조를 만든다(Soul / Element 판정 포함).
moai-media 미설치 시: 완성된 프롬프트와 제약을 텍스트로 출력하고 Higgsfield 웹(https://higgsfield.ai)에서 직접 생성하도록 안내한다.
5단계 — 정합 검증
받은 이미지를 디자인 시스템 기준으로 점검한다.
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.
- 8d ago First seen · 134 lines · 214 tokens per session scan A 5de5c854dccf
design-brand-visual is a skill published in the GitHub repository modu-ai/moai-cowork (300 stars, last pushed 9d ago), licensed Apache-2.0. It adds 214 tokens to every session and 2,082 once invoked, about $0.0011 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-09-03.
Other skills, from other repositories
excalidraw
Create visual presentations, slide decks, and explanatory diagrams in Excalidraw. Use when user asks to create a presentation, slide deck, visual explainer, pitch deck, comparison diagram, process flow, or any multi-slide visual content. Supports two output modes — generating .excalidraw JSON files OR injecting slides…
infographic-old
Basic infographic generator. Just tell me what you want and I'll make it.
carousel-builder
Build a Ben AI image-first carousel (Type B) from provided source content and export it as a PDF. Give it a newsletter, a YouTube transcript, a LinkedIn post, or a raw brief; it picks the slide count (3-10), writes the copy in Ben's voice, renders every slide with Higgsfield GPT Image 2, composites the real-logo brand…
infographic
Generate professional infographics using Nano Banana MCP (Gemini AI image generation). Follows a guided flow — analyze content, suggest visualizable concepts, propose visualization approaches, then generate on-brand images. USE THIS SKILL WHEN user says "create infographic", "make a visual", "design an infographic"…
excalidraw
Create or extend editable Excalidraw diagrams from descriptions or repository evidence using a local skeleton-to-scene converter.
flier
Design a print-ready, single-page flier as one self-contained HTML file: exactly one fixed-size page.