frontend-react

A React and TypeScript coding specialist for building, reviewing, and improving frontend components.

In plain words
What is it for?
It supports React component development, component analysis, and frontend optimization.
Why use it?
It helps handle frontend work that requires React component knowledge or performance improvements.

Agent

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.

agentmods
npx agentmods add agents/dannykkh/skill-olympus/frontend-react
Clone the repo
git clone --depth 1 https://github.com/Dannykkh/skill-olympus
Per session 35 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 1,335 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin unknown No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5 $0.00035 $0.01335
Opus 5 $0.00017 $0.00668
Sonnet 5 $0.00007 $0.00267
Haiku 4.5 $0.00003 $0.00134

Measured 2d ago against content hash 29c1acf4cb29, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

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

agents/frontend-react.md · 200 lines

The source is not reproduced here

No licence file

A repository with no LICENSE is all rights reserved by default, so the body is not copied here. The metadata, the measurements and the link are.

Read it on GitHub

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 · 200 lines · 35 tokens per session scan A 29c1acf4cb29

Subscribe to this mod's changes

frontend-react is an agent published in the GitHub repository Dannykkh/skill-olympus (5 stars, last pushed 8d ago), with no licence file. It adds 35 tokens to every session and 1,335 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.

Related

Other agents, from other repositories

harness-optimizer

Self-optimization agent that analyzes the Hangar configuration (hooks, skills, rules, context modes, agents) and recommends improvements for reliability, performance, and token efficiency.

claude-hangar/claude-hangar · 39 tokens

performance-optimizer

Active performance analysis agent. Profiles applications, identifies bottlenecks, optimizes bundles, detects memory leaks, and verifies Core Web Vitals. Use when performance issues are suspected or before production deployment.

claude-hangar/claude-hangar · 43 tokens

security-reviewer

Quick security check for code and projects. Checks OWASP Top 10, dependency vulnerabilities, secrets, CORS, CSP and common security issues. Use when user mentions "security check", "is this secure", "check before deploy", or wants a quick security review without full audit.

claude-hangar/claude-hangar · 61 tokens

loop-operator

Manages autonomous execution workflows with safety guardrails. Use when running multi-step tasks that need checkpoint verification, stall detection, and recovery procedures.

claude-hangar/claude-hangar · 32 tokens

architect

Software architecture specialist for system design, scalability, and technical decisions. Use PROACTIVELY when planning new features, refactoring large systems, or making architectural decisions.

claude-hangar/claude-hangar · 35 tokens

commit-reviewer

Pre-commit review for staged changes. Checks for debug code, secrets, missing tests and unintended files. Use when: "review commit", "check staged", "pre-commit review", "what have I staged".

claude-hangar/claude-hangar · 48 tokens