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 agentmods add skills/gowtham012/claude-plugins/design-specnpx skills add gowtham012/Claude-plugins --skill design-specgit clone --depth 1 https://github.com/gowtham012/Claude-pluginsWrote 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/gowtham012/claude-plugins/design-spec)<a href="https://agentmods.dev/skills/gowtham012/claude-plugins/design-spec"><img src="https://agentmods.dev/badge/skills/gowtham012/claude-plugins/design-spec.svg" alt="Measured on agentmods" 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 | $0.00033 | $0.00354 |
| Opus 5 | $0.00016 | $0.00177 |
| Sonnet 5 | $0.00007 | $0.00071 |
| Haiku 4.5 | $0.00003 | $0.00035 |
Grade A, and why
design-spec 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 4d 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.
What it actually says
Generate design spec from video: $ARGUMENTS
Steps
- Call MCP tool
mcp__video-insight__design_specwithvideo_path=$0. - Read keyframe images from
keyframes_dirand burst frames fromburst_frames_dir. - Use
color_tokensfor semantic assignments (background/surface/accent/text). - Use
text_inventoryfor exact copy per scene. - Use
motion_inventoryto document transitions. - Infer components from keyframe images.
- Output a structured spec:
## Design Spec: <filename>
### Metadata
- Type / Duration / Scenes / Resolution
### Color Tokens
| Token | Hex | Usage |
|-------|-----|-------|
| background | #141414 | Page background |
| surface | #2a2a2a | Cards |
| accent | #c8921c | CTAs |
| text | #f0f0f0 | Primary text |
### Full Palette
[swatches with hex + proportion]
### Components Detected
- [Component name, layout, state variants]
### Copy Inventory
scene_0: ["Headline", "CTA", ...]
### Motion Catalogue
| Scene | Type | CSS |
|-------|------|-----|
| scene_0 | animation | transition: all 0.4s ease |
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.
- 4d ago First seen · 49 lines · 33 tokens per session scan A e74522c8e73e
design-spec is a skill published in the GitHub repository gowtham012/Claude-plugins (5 stars, last pushed 5mo ago), licensed MIT. It adds 33 tokens to every session and 354 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
diagram-generation
Generate self-contained HTML architecture diagrams. Use when creating visual diagrams for PRs, task plans, or architectural explanations.
visualize
Render a polished visual inline in the chat as part of your answer — a diagram, a chart, an interactive explainer, or a UI mockup. Load it proactively whenever an explanation would land better as a picture than as prose. Do not wait to be asked.
vellum-workspace-theme
Customize the app's visual theme — author design-token overrides (accent, background, surfaces, text, message-bubble colors) in the workspace ui/theme.json, validated by the assistant runtime and applied live to connected clients. Covers the token slots, the all-or-none override groups, the contrast floor, and reading…
vellum-avatar
Customize the assistant's avatar - build a native character, upload an image, or generate one with AI.
shieldcn-badges
Create polished shieldcn README badges, badge groups, charts, headers, sponsors grids, and full README hero sections. Use when a user wants shadcn/ui-styled badges, Shields.io replacement, npm/GitHub/CI/status badges, download charts, README header banners, contributor/sponsor images, or README Studio guidance.…
figma-expert
Figma design expert for components, auto-layout, design systems, and developer handoff.