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.
/plugin marketplace add nathanonn/agent-skillsnpx agentmods add plugins/nathanonn/agent-skills/extract-design-mdgit clone --depth 1 https://github.com/nathanonn/agent-skillsWrote 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/plugins/nathanonn/agent-skills/extract-design-md)<a href="https://agentmods.dev/plugins/nathanonn/agent-skills/extract-design-md"><img src="https://agentmods.dev/badge/plugins/nathanonn/agent-skills/extract-design-md.svg" alt="Measured on agentmods" height="20"></a>Grade A, and why
extract-design-md 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
{
"$schema": "https://json.schemastore.org/claude-code-plugin-manifest.json",
"name": "extract-design-md",
"displayName": "Extract DESIGN.md",
"version": "1.0.0",
"description": "Extract a website's design system into a DESIGN.md file (google-labs-code/design.md format) — colors, typography, radius/spacing scales, components, and brand feel — via playwright-cli token extraction plus the official linter.",
"author": {
"name": "Nathan Onn",
"url": "https://github.com/nathanonn"
},
"repository": "https://github.com/nathanonn/agent-skills",
"license": "MIT",
"keywords": ["design", "design-system", "design-tokens", "css", "playwright", "frontend"]
}
What it installs
The manifest is a name and a version. 1 skill travel with it, and installing the plugin installs all of them — 177 tokens a session between them. Each is measured on its own page, and each can be installed alone.
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 · 15 lines scan A b424f1bea13c
extract-design-md is a plugin published in the GitHub repository nathanonn/agent-skills (19 stars, last pushed 16d ago), licensed MIT. Its token cost is not measured: this kind of file is read by the harness, not the model. 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 plugins, from other repositories
raven-mcp
Design-intelligence MCP server: audits pages, screens, and diffs for contrast, layout, tap targets, and consistency; carries a design system and a taste profile an agent can consult before writing UI code.
liquid-glass
Apple-style liquid glass: frosted, refracting surfaces for web UI, with the rules that keep them from reading as gray boxes.
motion-design-skills
Motion design fundamentals, engines, and brand elements as installable skills for AI coding agents — timing, typography, color, composition, After Effects, Remotion, logos, and backgrounds.
artifact-organizer
Generate self-contained HTML pages for diagrams, slides, tables, architecture overviews, and visual explanations. LLM emits semantic JSON; renderer produces HTML.
hyperstack
Disciplined MCP server + skill system. 16 plugins and 121 tools covering designer (6 personalities, 13 page templates, 9 presets), shadcn/ui, design tokens, ui/ux, React Flow v12, Motion v12, Lenis, React 19, Echo, Go, Rust, product-manager, marketing, reflect, and optimizer. 29 skills with adversarial enforcement…
stark-figma-drive
Exporta frames do Figma e faz upload automatico para o Google Drive do cliente.