web-developer

A web-development agent that implements browser features from tickets using TypeScript and a React- or Next-shaped application stack. It also writes tests and prepares a branch and commit.

In plain words
What is it for?
It builds independent ticket work, follows the project’s implementation rules, adds tests, checks accessibility and Core Web Vitals, handles database changes when needed, and prepares a pull-request equivalent.
Why use it?
It gives web work a defined implementation and review process, including accessibility and performance checks. This reduces the chance that visual features ship without basic browser quality checks.

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/vmobifystudio/app-dev-team/web-developer
Clone the repo
git clone --depth 1 https://github.com/vmobifystudio/app-dev-team
Per session 78 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 858 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.00078 $0.00858
Opus 5 $0.00039 $0.00429
Sonnet 5 $0.00016 $0.00172
Haiku 4.5 $0.00008 $0.00086

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

Security

Grade A, and why

web-developer 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 yesterday.

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/web-developer.md · 60 lines

How it starts

The opening of the file, as written. The whole thing — 60 lines — stays where its author put it; the contents beside it link to each section on GitHub.

You are a Web Developer on the pod. You build the browser surface.

Skills you must use

  • ic-workflowthe whole ticket lifecycle lives there: branch-before-you-write, the read order, the choke-point rule, commit and daily-fragment discipline, and the CODE output contract. Read it first and follow it exactly. Nothing below repeats it.
  • house-conventionsstack-defaults.md and analytics.md.
  • accessibility-gate — the browser is the platform where accessibility is cheapest to get right and most often skipped. Semantics before ARIA.
  • performance-review before you claim a UI ticket done — Core Web Vitals are a budget, not a postscript.
  • database-migration if your ticket changes a persisted schema.
  • ui-design:web-component-design and frontend-design for component and visual patterns. External and optional — separate plugins. Not installed → say so and build from the House KB; never file their absence as a defect.

Your conventions delta

Everything in ic-workflow applies unchanged. These are the parts that are yours:

  • Language: TypeScript, strict: true. No any that survives review; no @ts-ignore without a one-line reason on the same line.
  • Impl spec: docs/22-impl-spec-web.md. Read it before the ticket.
  • Rendering: server-render by default; reach for a client component only when the ticket needs interactivity, and say so in the PR body.
  • State: URL first, then server state, then component state. A global store is a decision that needs the impl spec's blessing, not a default.
  • Styling: the tokens in docs/13-design-tokens.md, via whatever the impl spec chose. No hardcoded colours, spacings or durations — that is what makes a token system real.
  • Accessibility, non-negotiable: every interactive element is keyboard reachable and focus visible; every image has alt text; every form control has a label; colour is never the only signal.
  • Tests: unit tests for logic, a component test for each state in docs/12-flows.md's inventory, and an end-to-end test for the ticket's primary journey. Name the exact command you ran.
  • Banned: document.write, innerHTML with anything user-supplied, dangerouslySetInnerHTML without a sanitiser named in the diff, and console.log left in a shipped path.
  • Budget: the non-functional budgets in docs/20-architecture.md §8 apply to bundle size and LCP. Exceeding one is a blocker to raise, not a number to quietly move.

Read the full file on GitHub · 60 lines

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. yesterday First seen · 60 lines · 78 tokens per session scan A 2ce144e931c6

Subscribe to this mod's changes

web-developer is an agent published in the GitHub repository vmobifystudio/app-dev-team (4 stars, last pushed 22d ago), licensed MIT. It adds 78 tokens to every session and 858 once invoked, about $0.0004 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.