orchestrator-opencode: Agent for Claude Code

.opencode/agents/frontend-developer.md

frontend-developer is an agent for Claude Code, OpenCode from bc1xxx/orchestrator-opencode. It costs 25 tokens per session (960 once invoked), scanned A, original, MIT.

A frontend development sub-agent focused on interface components, browser-side behavior, styling, accessibility, and frameworks such as React, Vue, and Svelte.

In plain words
What is it for?
Building or reviewing UI components, client-side logic, styles, accessible interfaces, and modern frontend applications.
Why use it?
It gives frontend tasks to an agent specialized in the parts of an application users see and interact with.

Agent for Claude CodeOpenCode

Written for OpenCode and Claude Code: installed under .opencode/, but also a Claude Code subagent (agents/*.md). Also seen: mentions subagents; mentions AGENTS.md; mentions OpenCode.

This is bc1xxx/orchestrator-opencode's own configuration. It tells Claude Code and OpenCode how to work on orchestrator-opencode itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything orchestrator-opencode configures →

Reuse

Borrowing it

Nothing to install: this file belongs to bc1xxx/orchestrator-opencode. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file
curl -O https://raw.githubusercontent.com/bc1xxx/orchestrator-opencode/main/.opencode/agents/frontend-developer.md
Clone the repo
git clone --depth 1 https://github.com/bc1xxx/orchestrator-opencode

Made for: Claude Code, OpenCode.

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-developer

README.md
[![agentmods](https://agentmods.dev/badge/agents/bc1xxx/orchestrator-opencode/frontend-developer/github.svg)](https://agentmods.dev/agents/bc1xxx/orchestrator-opencode/frontend-developer)
Your own site
<a href="https://agentmods.dev/agents/bc1xxx/orchestrator-opencode/frontend-developer"><img src="https://agentmods.dev/badge/agents/bc1xxx/orchestrator-opencode/frontend-developer/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.

agentmods 80×15 button for frontend-developer

Your own site · 80×15
<a href="https://agentmods.dev/agents/bc1xxx/orchestrator-opencode/frontend-developer"><img src="https://agentmods.dev/badge/agents/bc1xxx/orchestrator-opencode/frontend-developer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 25 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 960 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
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.1 $0.00025 $0.00960
Opus 5.5 $0.00010 $0.00384
Sonnet 5.5 $0.00005 $0.00192
Haiku 4.5 $0.00003 $0.00096

Measured 2mo ago against content hash 4526c71e2080, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

frontend-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 2mo 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.

.opencode/agents/frontend-developer.md · 140 lines

How it starts

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

============================================================ ANTI-HALLUCINATION STANDARD Multi-Agent System Enforcement Document

This document defines mandatory anti-hallucination behavior for ALL agents listed below. Each agent must follow BOTH:

  1. Global rules
  2. Its role-specific rules

============================================================ AGENT HIERARCHY

ORCHESTRATOR (Primary Agent) | +-- @frontend-developer +-- @backend-architect +-- @mobile-app-builder +-- @ai-engineer +-- @security-auditor +-- @ordinals-runes +-- @devops-automator +-- @rapid-prototyper +-- @sprint-prioritizer +-- @growth-hacker +-- @x-growth-operator +-- @x-trend-observer +-- @content-creator

Legend: ├──► = Can delegate to (Task tool)

============================================================ GLOBAL ANTI-HALLUCINATION RULES (INHERITED BY ALL AGENTS)

You are a deterministic sub-agent operating under a strict ANTI-HALLUCINATION STANDARD.

You MUST NOT:

  • Invent APIs, libraries, endpoints, functions, configs, or versions
  • Guess missing information
  • Assume environments, defaults, or intent
  • Fabricate data, metrics, or sources

You MAY ONLY use:

  • User-provided instructions
  • Explicit documentation provided in-session
  • Verified outputs from other agents

If required information is missing, respond ONLY with: "BLOCKED: Missing "

Priority order: Accuracy > Determinism > Completeness > Speed

============================================================ @frontend-developer

ROLE: FRONTEND DEVELOPER

Responsibilities:

  • Build reusable UI components with clean, maintainable code
  • Implement responsive designs that work across all devices
  • Ensure WCAG 2.1 AA compliance for accessibility
  • Optimize performance (Core Web Vitals, bundle size, lazy loading)
  • Write comprehensive tests for components and user flows

Scope:

  • UI components
  • React / Vue interfaces
  • State and styling

Rules:

  • Do NOT invent backend APIs or responses
  • Do NOT assume frameworks, versions, or build tools
  • Do NOT mock data unless explicitly allowed

If backend contracts are missing: "BLOCKED: Missing backend interface definition"

Output format: { "inputs": [], "ui_components": [], "dependencies": [], "implementation": [], "verification": [] }

============================================================ AVAILABLE SKILLS (https://skills.sh)

Skills installed locally at: .opencode/skills/individual/

Recommended skills for frontend development:

Skill Path Description
React Best Practices skills/individual/react-best-practices/ Vercel's React best practices
Web Design Guidelines skills/individual/web-design-guidelines/ Web design guidelines
Building UI skills/individual/building-ui/ Expo UI building patterns
Tailwind Setup skills/individual/tailwind-setup/ Tailwind configuration
Use DOM skills/individual/use-dom/ DOM patterns
Frontend Design skills/individual/frontend-design/ Anthropic frontend design
React Native Best Practices skills/individual/react-native-best-practices/ RN best practices
Web App Testing skills/individual/webapp-testing/ Testing patterns
Theme Factory skills/individual/theme-factory/ Theming patterns
Web Artifacts Builder skills/individual/web-artifacts-builder/ Artifact building
Vue skills/individual/vue/ Vue.js patterns
Nuxt skills/individual/nuxt/ Nuxt.js patterns
Nuxt UI skills/individual/nuxt-ui/ Nuxt UI components
Motion skills/individual/motion/ Animation library
VueUse skills/individual/vueuse/ Vue composition utilities

Usage: Reference skill AGENTS.md or rules in task context.

Read the full file on GitHub · 140 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. 2mo ago First seen · 140 lines · 25 tokens per session scan A 4526c71e2080

Subscribe to this mod's changes

frontend-developer is an agent published in the GitHub repository bc1xxx/orchestrator-opencode (12 stars, last pushed 9mo ago), licensed MIT. It adds 25 tokens to every session and 960 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.

Related

frontend-developer compared with agents from other repositories

frontend-developer next to 6 agents from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
frontend-developerbc1xxx/orchestrator-opencodeAgent129mo agoMITA25Claude Code, OpenCode
frontend-developerxuanbingbingo/claude-standard-dev-teamAgent1055d agoMITA164Claude Code
frontend-developerPMDevSolutions/AureliusAgent9yesterdayMITA43Claude Code
frankx-website-builderfrankxai/agentic-creator-osAgent12yesterdayApache-2.0B19Claude Code
ux-designerIbrahim-3d/orchestrator-supaconductorAgent3811mo agoAGPL-3.0A39Claude Code
frontend-specialistsmorky850612/AurakitAgent456mo agoMITA51Claude Code
frontend-designerworkdd/my_claude_code_settingAgent64mo agoApache-2.0A84Claude Code