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 laurigates/claude-pluginsnpx agentmods add plugins/laurigates/claude-plugins/component-patterns-plugingit clone --depth 1 https://github.com/laurigates/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/plugins/laurigates/claude-plugins/component-patterns-plugin)<a href="https://agentmods.dev/plugins/laurigates/claude-plugins/component-patterns-plugin"><img src="https://agentmods.dev/badge/plugins/laurigates/claude-plugins/component-patterns-plugin.svg" alt="Measured on agentmods" height="20"></a>Grade A, and why
component-patterns-plugin 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.
What it actually says
{
"$schema": "https://json.schemastore.org/claude-code-plugin-manifest.json",
"name": "component-patterns-plugin",
"version": "1.5.0",
"description": "Reusable UI component patterns for implementing common features across different frameworks and tech stacks",
"author": {
"name": "Lauri Gates"
},
"repository": "https://github.com/laurigates/claude-plugins",
"license": "MIT",
"keywords": [
"components",
"ui-patterns",
"version-badge",
"tooltips",
"framework-agnostic",
"react",
"vue",
"svelte",
"nextjs",
"nuxt"
]
}
What it installs
The manifest is a name and a version. 2 skills travel with it, and installing the plugin installs all of them — 94 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.
- yesterday First seen · 24 lines scan A c34ad90cccd1
component-patterns-plugin is a plugin published in the GitHub repository laurigates/claude-plugins (58 stars, last pushed yesterday), 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
dx-devextreme
DevExtreme JavaScript UI skills: DataGrid, Scheduler, Form, Chat, Button, SelectBox, DateBox, CheckBox, NumberBox, TextBox, TextArea, DataSource, and Theming for Angular, React, Vue, and jQuery.
frontend-developer
Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at creating responsive, accessible, and performant web applications. Examples:\n\n \nContext: Building a new user interface\nuser: "Create a d.
frontend
Frontend development specialists for React, Vue, Next.js, CSS, HTML, and UI/UX design. Comprehensive coverage of modern frontend technologies.
arch-patterns
Production-tested architecture rules for feature development: Spring layered/DDD boundaries with domain-event and exception-ladder design, and Vue/Nuxt MVVM with query-composable wrapping and component quality bars.
farm-stack
FARM stack (FastAPI + React + MongoDB) development patterns, scaffolding, and best practices.
frontend-developer
Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at creating responsive, accessible, and performant web applications. Examples:\n\n \nContext: Building a new user interface\nuser: "Create a d.