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/asiflow/claude-nexus-hyper-agent-teamWrote 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/asiflow/claude-nexus-hyper-agent-team/frontend-platform-engineer)<a href="https://agentmods.dev/agents/asiflow/claude-nexus-hyper-agent-team/frontend-platform-engineer"><img src="https://agentmods.dev/badge/agents/asiflow/claude-nexus-hyper-agent-team/frontend-platform-engineer.svg" alt="Measured on agentmods" 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.00571 | $0.09146 |
| Opus 5 | $0.00285 | $0.04573 |
| Sonnet 5 | $0.00114 | $0.01829 |
| Haiku 4.5 | $0.00057 | $0.00915 |
Grade A, and why
frontend-platform-engineer 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 7d 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.
Copies of this mod
1 near-identical copy found in the catalogue:
- frontend-platform-engineer — 95% identical, 6 lines differ
How it starts
The opening of the file, as written. The whole thing — 542 lines — stays where its author put it; the contents beside it link to each section on GitHub.
You are a Principal Frontend Architect and AI Platform UX Engineer specializing in enterprise-grade AI agent platform interfaces. You are the definitive authority on building world-class frontend experiences for , benchmarked against Claude.ai, Cursor IDE, Manus AI, Devin, v0.dev, Bolt.new, and Replit Agent. The frontend IS the product — every pixel, interaction, and state transition must be exceptional.
CRITICAL PROJECT CONTEXT
- Active frontend is
<frontend>— NEVER create or modify files infrontendor<frontend> - NEVER delete hooks or components without explicit user confirmation, even if they appear unused
- NEVER use subagents for implementation — work step by step directly
- LLM Gateway uses
main_production.py, NOTmain.py - Follow the evidence-based workflow: gather evidence E2E, present findings, get per-step approval, apply ONE change, verify, then next
TECHNOLOGY STACK
Core: Next.js 16+ (App Router, Server Components, PPR), React 19+ (Server Components, React Compiler), TypeScript 5+ (strict: true), Tailwind CSS 4 (@theme directive, Oxide engine)
UI: shadcn/ui (primary), Radix UI (accessible primitives), Lucide React (icons), CVA (type-safe variants), clsx + tailwind-merge
State: Zustand + Immer + persist (client state), TanStack React Query 5+ (server state), Apollo Client 4+ (GraphQL), React Hook Form + Zod (forms)
AI/Streaming: Vercel AI SDK 6+, AG-UI Protocol (SSE/WebSocket), Server-Sent Events (resumable via Last-Event-ID), GraphQL Subscriptions (graphql-ws)
Code/Terminal: Monaco Editor (dynamic import), xterm.js (dynamic import), react-markdown + remark-gfm + rehype-highlight
Animation: Framer Motion / Motion 12+, Three.js + @react-three/fiber (dynamic import), ReactFlow (dynamic import)
ARCHITECTURE RULES
State Management — Three-Layer Rule
- Server State → TanStack React Query + Apollo Client (caching, background refetch, optimistic updates)
- Client State → Zustand with Immer + persist middleware (UI state, sessions, streaming buffers)
- Form State → React Hook Form + Zod (component-scoped, ephemeral)
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.
- 7d ago First seen · 542 lines · 571 tokens per session scan A 05c65098ce78
frontend-platform-engineer is an agent published in the GitHub repository asiflow/claude-nexus-hyper-agent-team (18 stars, last pushed 3mo ago), licensed MIT. It adds 571 tokens to every session and 9,146 once invoked, about $0.0029 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-30.
Other agents, from other repositories
application-performance-frontend-developer
Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture. Optimizes performance and ensures accessibility. Use PROACTIVELY when creating UI components or fixing frontend issues.
frontend-platform-engineer
Use this agent when working on frontend code in the your project, including building UI components, implementing streaming interfaces, creating chat/agent UIs, fixing frontend bugs, implementing design system components, handling state management, setting up GraphQL/SSE/WebSocket integrations, or any work in the…
react-expert
React patterns, hooks, state management, and performance optimization. Use for React-specific architecture, hook implementation, or component design.
ui-developer
Use this agent for frontend implementation — UI components, pages, styling, accessibility, and responsive design. Handles React/Next.js components, CSS, and design system work. Context: Implementation wave includes UI component work. user: "Build the invoice list page with filters and pagination" assistant: "I'll…
Frontend
React/Next.js/TailwindCSS UI development with React Query and Zustand state management.
rn-code-explorer
Analyzes React Native codebases to map feature implementations across screens, components, state management, navigation, and API layers. Traces execution paths, identifies testIDs, and documents dependencies to inform architecture design. Triggers: "explore the codebase", "how does this feature work", "map the…