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 jezweb/claude-skillsnpx agentmods add plugins/jezweb/claude-skills/frontendgit clone --depth 1 https://github.com/jezweb/claude-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/jezweb/claude-skills/frontend)<a href="https://agentmods.dev/plugins/jezweb/claude-skills/frontend"><img src="https://agentmods.dev/badge/plugins/jezweb/claude-skills/frontend.svg" alt="Measured on agentmods" height="20"></a>Grade A, and why
frontend 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 2d 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
{
"name": "frontend",
"description": "Tailwind v4 theming and shadcn/ui component installation, customisation, and recipes.",
"author": {
"name": "Jeremy Dawes / Jezweb",
"email": "[email protected]"
}
}
What it installs
The manifest is a name and a version. 9 skills, 7 commands travel with it, and installing the plugin installs all of them — 1,031 tokens a session between them. Each is measured on its own page, and each can be installed alone.
- Skill design-loop A 130 tokens
- Skill product-showcase A 117 tokens
- Skill tailwind-theme-builder A 98 tokens
- Skill react-native A 91 tokens
- Skill react-patterns A 110 tokens
- Skill design-review A 108 tokens
- Skill design-system A 95 tokens
- Skill landing-page A 115 tokens
- Skill shadcn-ui A 77 tokens
- Command product-showcase A 19 tokens
- Command design-review A 14 tokens
- Command react-native A 10 tokens
- Command react-patterns A 16 tokens
- Command landing-page A 9 tokens
- Command shadcn-ui A 8 tokens
- Command tailwind-theme-builder A 14 tokens
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.
- 2d ago First seen · 9 lines scan A b3ee37936704
frontend is a plugin published in the GitHub repository jezweb/claude-skills (995 stars, last pushed 2mo 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-09-03.
Other plugins, from other repositories
html-showcase
Canonical CSS kernel + HTML skeleton for static showcase pages (provenance reports, contractor portfolios, telemetry dashboards). Single design-system SSoT served via jsDelivr CDN; pages stay pure HTML with optional per-page CSS overrides.
design-skills
Award-level art direction, the everyday frontend lane, and DESIGN.md token governance.
site-forge
Build a distinctive, production-grade website (and optional Remotion promo video) for any business, product, or person, then deploy it free. Two modes: auto (fast, autonomous) and full (best quality).
visual-documentation-plugin
Skills for creating stunning visual HTML documentation with modern UI design, SVG diagrams, flowcharts, dashboards, timelines, technical documentation, and comprehensive project architecture diagrams.
aio-visual-diff
Verify AI-built UI against design via measurement-driven diff — extracts computed CSS and bounding boxes through Chrome DevTools MCP, diffs against Figma reference or a frozen baseline, and feeds numerical deltas back to the agent. No screenshot eyeballing.
liquid-glass
Apple-style liquid glass: frosted, refracting surfaces for web UI, with the rules that keep them from reading as gray boxes.