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 event4u-app/agent-config --skill canvas-designgit clone --depth 1 https://github.com/event4u-app/agent-configWrote 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/event4u-app/agent-config/canvas-design)<a href="https://agentmods.dev/skills/event4u-app/agent-config/canvas-design"><img src="https://agentmods.dev/badge/skills/event4u-app/agent-config/canvas-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/event4u-app/agent-config/canvas-design"><img src="https://agentmods.dev/badge/skills/event4u-app/agent-config/canvas-design.svg" alt="Reviewed on agentmods" width="80" height="20"></a>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.00042 | $0.01629 |
| Opus 5 | $0.00021 | $0.00814 |
| Sonnet 5 | $0.00008 | $0.00326 |
| Haiku 4.5 | $0.00004 | $0.00163 |
Grade A, and why
canvas-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 yesterday.
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 — 154 lines — stays where its author put it; the contents beside it link to each section on GitHub.
canvas-design
When to use
Use when:
- User asks for a poster, marketing visual, brand asset, social-media graphic, cover art
- Output is a static
.pdfor.pngdesign piece (not a UI mockup, not a wireframe) - The deliverable is the visual artifact itself
Do NOT use when:
- Designing a UI component or app screen →
fe-design,ui-component-architect,react-shadcn-ui,blade-ui,flux - Tailwind / shadcn / Flux component styling →
tailwind-engineer - Brand voice / tone definition →
voice-and-tone-design - Release announcement copy →
release-comms
Goal
Produce one finished visual artifact (.pdf or .png) backed by an original design philosophy. Both files ship together.
The work emphasizes: visual expression over text · original direction (no artist mimicry) · composition that looks deliberated, not generated.
Preconditions
- Brief from user (theme, intent, occasion, target medium, size constraint)
- Output directory:
agents/design-assets/{slug}/— create if missing - Image-generation tooling available (Python with Pillow / matplotlib / cairo, SVG → PNG conversion, or whatever the environment ships)
Procedure
1. Brief intake
One numbered-options block surfaces: theme / occasion · target medium + dimensions (web 1200×630? print A3? square 1080×1080?) · color & mood direction · hard constraints (logo required? color to avoid?) · single page or series.
If the brief says "in the style of [living artist]", flag the copyright risk and propose an original direction.
2. Design philosophy
Author agents/design-assets/{slug}/philosophy.md — 4–6 paragraphs naming:
- Movement name — 1–2 words ("Chromatic Silence", "Brutalist Joy", "Analog Meditation")
- Visual language — how the philosophy manifests through space, form, color, scale, composition, rhythm
- Text role — sparse, accent only; never paragraphs
- Craftsmanship anchor — visible deliberation, not template polish
Stay aesthetically specific but leave interpretive room for the canvas execution.
What ships with it
1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
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.
- yesterday Changed e302cad93531
- 9d ago First seen · 154 lines · 42 tokens per session scan A 98f2b6dc1755
canvas-design is a skill published in the GitHub repository event4u-app/agent-config (10 stars, last pushed today), licensed MIT. It adds 42 tokens to every session and 1,629 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-31.
Other skills, from other repositories
muapi-logo-creator
Engineer professional-grade brand logos using geometric primitives and negative space — generates minimalist, scalable vector-style marks via muapi.ai.
frontend-slides
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
motion-graphics
Use when the user wants a short, design-led motion graphic where motion is the message: kinetic typography, stat or number count-up, chart/data-viz hit, logo sting, brand lockup, lower-third, callout, social overlay, animated headline/tweet/news item, motion poster, or quick captured-page highlight. Usually under 10s…
create-workflow-diagram
Create FigJam/Miro-style workflow diagrams as high-quality PNG images from plain-text workflow descriptions. Renders beautiful HTML diagrams with connected nodes, arrows, and labels, then screenshots them for sharing.
create-chatgpt-mockup
Render pixel-accurate ChatGPT mobile (iOS) screen mockups in light mode from a thread JSON. Supports user text bubbles, user image attachments, assistant markdown prose, citation chips, the OpenAI spiral logo, the Apps-SDK GPT chip in the composer, and three header styles (model-tag, plain title, "Get Plus"). Fixed…
create-imessage-mockup
Render pixel-accurate iMessage screenshot mockups (DM or group) from a thread JSON. Supports minimal, with-keyboard, and full iPhone 15 Pro frame variants. Outputs HTML + PNG.