agentmods.dev

frontend-plugin

A Claude Code add-on for frontend development with TypeScript, React, testing, and code quality work.

In plain words
What is it for?
It helps with React and TypeScript development, frontend testing, and code-quality tasks.
Why use it?
It brings these frontend tasks together in one development workflow instead of leaving the agent without project-specific guidance.

Plugin for Claude Code

5 1mo ago A scan tokens not measured original Apache-2.0
View the source file RedHatInsights/platform-frontend-ai-toolkit
Install

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.

Claude Code
/plugin marketplace add RedHatInsights/platform-frontend-ai-toolkit
agentmods
npx agentmods add plugins/redhatinsights/platform-frontend-ai-toolkit/frontend
Clone the repo
git clone --depth 1 https://github.com/RedHatInsights/platform-frontend-ai-toolkit

Made for: Claude Code.

Per session not measured What this adds to a session before it is invoked.
When invoked not measured Not applicable: nothing here is loaded into a session.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Security

Grade A, and why

frontend-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 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.

plugins/frontend/.claude-plugin/plugin.json · 14 lines

What it actually says

{
  "name": "frontend-plugin",
  "version": "1.0.0",
  "description": "Claude Code plugin for frontend development workflows - TypeScript, React, testing, and code quality",
  "author": {
    "name": "HCC Frontend Team",
    "email": "[email protected]"
  },
  "homepage": "https://github.com/RedHatInsights/platform-frontend-ai-toolkit",
  "repository": "https://github.com/RedHatInsights/platform-frontend-ai-toolkit",
  "license": "Apache-2.0",
  "keywords": ["frontend", "react", "typescript", "testing", "development"]
}
Changes

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.

  1. 2d ago First seen · 14 lines scan A 9aec4957f24c

Subscribe to this mod's changes

frontend-plugin is a plugin published in the GitHub repository RedHatInsights/platform-frontend-ai-toolkit (5 stars, last pushed 1mo ago), licensed Apache-2.0. 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-31.

FrontendReact
Related

Other plugins, from other repositories

nextjs

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

vercel/next.js · not measured

experience-react

Build Salesforce React UI Bundle apps: scaffold a new React UI bundle SFDX starter project from a template, generate and edit pages, components, layout, styling, navigation, and branding with shadcn/ui and Tailwind CSS, configure ui-bundle metadata, host the app on a Digital Experience Site, and deploy it to an org.…

forcedotcom/sf-skills · not measured

reactlynx

ReactLynx Development Assistant Agent.

lynx-community/skills · not measured

motion

Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG. Bundle: 2.3 KB (mini) to 34 KB (full). Use when: drag-and-drop, scroll animations, modals, carousels, parallax. Troubleshoot: AnimatePresence exit, list performance, Tailwind…

pedronauck/skills · not measured

stack-patterns

Best-practice guidance for React, TanStack Query and Table, TypeScript, Python, Drizzle ORM, Zod, Valibot, Better All, and OpenTelemetry.

Casper-Studios/casper-marketplace · not measured

bencium-code-conventions

Code style, tech stack, and workflow conventions for React/Next.js/TypeScript, TailwindCSS, Supabase projects.

bencium/bencium-marketplace · not measured