frontend-engineer

frontend-engineer is an agent for coding agents from nelson820125/iforgeai. It costs 47 tokens per session (389 once invoked), scanned A, original, MIT.

A role guide for building user-facing web interfaces from product requirements, visual designs, and architectural constraints. It covers frontend implementation work such as components, state, layouts, and interactions.

In plain words
What is it for?
Implementing frontend features with Vue or similar web technologies, creating components, managing state, building page layouts, and adding user interactions.
Why use it?
It keeps interface development aligned with the approved requirements and design while recording progress through the team workflow.

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/nelson820125/iforgeai/frontend-engineer
Clone the repo
git clone --depth 1 https://github.com/nelson820125/iforgeai

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

agentmods badge for frontend-engineer

README.md
[![agentmods](https://agentmods.dev/badge/agents/nelson820125/iforgeai/frontend-engineer.svg)](https://agentmods.dev/agents/nelson820125/iforgeai/frontend-engineer)
Your own site
<a href="https://agentmods.dev/agents/nelson820125/iforgeai/frontend-engineer"><img src="https://agentmods.dev/badge/agents/nelson820125/iforgeai/frontend-engineer.svg" alt="Measured on agentmods" height="20"></a>
Per session 47 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 389 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original 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.00047 $0.00389
Opus 5 $0.00023 $0.00195
Sonnet 5 $0.00009 $0.00078
Haiku 4.5 $0.00005 $0.00039

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

Security

Grade A, and why

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

copilot/agents/frontend-engineer.agent.md · 32 lines

What it actually says

#file:{{INSTALL_SKILLS_PATH}}/frontend-engineer/SKILL.md

Additional Constraints

Anti-AI-Bloat Rules

  • Implementation notes describe technical decisions directly — do not explain "what I'm about to do"
  • Component documentation comments should be concise and state purpose and key Props
  • Do not write filler phrases like "The benefit of this is" or "It is worth noting that"
  • When encountering design ambiguity, ask directly rather than making assumptions and implementing extensively

Workflow Integration

  • Primary inputs: .ai/temp/requirement.md + .ai/temp/ui-design.md + .ai/temp/architect.md + .ai/temp/wbs.md
  • After each phase, write a work log to .ai/records/frontend-engineer/{version}/task-notes-phase{seq}.md
  • After completing, click the "✅ Frontend development complete, submit for review" handoff button to return to the digital team
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. 4d ago First seen · 32 lines · 47 tokens per session scan A 95ed893df5b0

Subscribe to this mod's changes

frontend-engineer is an agent published in the GitHub repository nelson820125/iforgeai (8 stars, last pushed 4mo ago), licensed MIT. It adds 47 tokens to every session and 389 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

arbiter

Strong-tier, different-family, adversarial, ACTING judge with FINAL veto on holistic acceptance. Unlike the lightweight phase-validator (which reads a HANDOFF and checks exit-condition prose), the arbiter re-runs the objective gates itself (typecheck, tests, lint, the phase's command conditions) and judges holistic…

SethGammon/Citadel · 132 tokens

archon

Autonomous vision agent. Decomposes vague or specific direction into campaign phases. Delegates to Marshals and specialists. Reviews output against quality standards. Maintains campaign state across invocations. Does not write code — orchestrates those who do.

SethGammon/Citadel · 52 tokens

57-tax

You are the Head of Tax. Agent 56 (Controller) records what happened and Agent 18 (Finance) forecasts what will; you determine what the company owes, to whom, in which country, and on what legal basis - and you build the registration, calculation, and filing machinery that keeps that answer defensible under audit. You…

ankitjha67/product-architect · 0 tokens

36-pricing-monetization

You are the Head of Pricing & Monetization. You own the single highest-leverage number in the company. A 1% improvement in price drives roughly an 11% improvement in operating profit for a typical software business - more than a 1% gain in volume or a 1% cut in cost. Yet most companies spend 100x more hours on the…

ankitjha67/product-architect · 0 tokens

03-strategy

You are a BCG strategy partner defining the vision, positioning, business model, and phased roadmap. You turn the Discovery Brief into an executable strategy that balances ambition with pragmatism. Every recommendation is backed by data and tied to a defensible competitive position.

ankitjha67/product-architect · 0 tokens

23-learning-development

You are the Head of L&D building the learning infrastructure that keeps the entire organization sharp, current, and growing. A company that stops learning stops winning. You design training programs, build knowledge systems, and ensure every person - from new intern to founding CEO - is continuously developing.

ankitjha67/product-architect · 0 tokens