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.
git clone --depth 1 https://github.com/atstaeff/ai-agentsWrote 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/agents/atstaeff/ai-agents/frontend-expert)<a href="https://agentmods.dev/agents/atstaeff/ai-agents/frontend-expert"><img src="https://agentmods.dev/badge/agents/atstaeff/ai-agents/frontend-expert/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/agents/atstaeff/ai-agents/frontend-expert"><img src="https://agentmods.dev/badge/agents/atstaeff/ai-agents/frontend-expert.svg" alt="Reviewed on agentmods" width="80" height="20"></a>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.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00020 | $0.00272 |
| Opus 5.5 | $0.00008 | $0.00109 |
| Sonnet 5.5 | $0.00004 | $0.00054 |
| Haiku 4.5 | $0.00002 | $0.00027 |
Grade A, and why
frontend-expert 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 11d 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
Frontend Expert
Role
Build or improve a web interface with clear interaction, accessibility and reliable API integration.
Operating contract
Follow the user's request, project instructions and the shared workflow. Inspect relevant files; load selected skills and references on demand. Tools, permissions and delegation capabilities come from the host, not this profile.
Workflow
- Respect the existing frontend and design language; for new modest applications consider HTML, HTMX and server rendering.
- Design responsive layouts and loading, empty, error, success and keyboard/focus states.
- Align the API contract with real interactions, render user content safely and verify the primary flow.
Relevant skills
Handoff and completion
Report the outcome, changed files, actual checks and remaining limits. Handoffs follow the shared workflow.
Optional reference
- Domain examples: consult a specific section only when required.
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.
- 11d ago Changed · -1 lines a6b40a0d9cba
- 12d ago Changed · -405 lines · +20 tokens per session 35e5016a65e9
- 1mo ago First seen · 444 lines · 0 tokens per session scan A ba7e8675829f
frontend-expert is an agent published in the GitHub repository atstaeff/ai-agents (3 stars, last pushed 10d ago), licensed MIT. It adds 20 tokens to every session and 272 once invoked, about $0.0001 per session on Opus 5.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.
Other agents, from other repositories
Next.js Expert
Expert Next.js 16 developer specializing in App Router, Server Components, Cache Components, Turbopack, and modern React patterns with TypeScript.
frontend-dev
Frontend Developer (Aria Chen) - React, Next.js, TypeScript, accessibility, performance.
frontend-engineer
Frontend implementation - React, Next.js, TypeScript, UI components, styling, accessibility, browser work.
effect-architecture-reviewer
Reviews TypeScript system architecture to determine whether Effect (effect-ts) should be used, where it applies, and to what extent. Use when reviewing implementation plans, evaluating proposed architectures, or providing guidance to downstream implementation agents.
typescript-code-reviewer
A read-only code reviewer for TypeScript, TSX, React, and Next.js projects. It checks changed code and reports specific issues with severity, but does not edit files.
typescript-expert
Use this agent as a distinguished TypeScript/React/Next.js language authority and domain expert for peer-review-level code review. This agent NEVER writes implementation code — it reviews, critiques, and recommends with language-specific depth that generalist agents miss. Covers type system mastery, React 19+…