Frontend Planner — Development agent for Claude Code
Use when a backend module (or a set of backend endpoints) is done and needs a frontend build plan for the separate Angular V5 repo.
How to install Frontend Planner
Installs to ~/.claude/agents/youssef-ammar-claude-code-dev-agents-frontend-planner.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/youssef-ammar/Claude-code-DEV-Agents/HEAD/agents/frontend-planner.md -o ~/.claude/agents/youssef-ammar-claude-code-dev-agents-frontend-planner.md Restart Claude Code, or start a new session, for it to be picked up.
What Frontend Planner does
name: frontend-planner description: Use when a backend module (or a set of backend endpoints) is done and needs a frontend build plan for the separate Angular V5 repo. Produces a written plan - screens, routes, module structure, API contract, i18n, build order - and nothing else. Read-only against this repo, never touches the Angular repo (it isn't reachable from here), never writes Angular code. model: sonnet effort: medium tools: Read, Grep, Glob, Bash disallowedTools: Write, Edit maxTurns
Alternatives in Development
- Powersync Sync Reviewer — Use to review any change that touches PowerSync synced tables before merging — diffs that modify shared/powers 4.8k ★
- AgentDB VS RuVector - Usage Guide — DEPRECATION NOTICE: This document was written for Claude Flow V3. In Turbo Flow V4, Ruflo v3.5 bundles both Ag 155 ★
- Frontend Convention Checker — Use this agent when a logical chunk of frontend code has been written or modified and you need to verify it ag 109 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Solution Blueprint Agent
Reads requirements.json, the draft contract, and every scoped per-app plan (backend-planning-agent, angular-pl
API Contract Validator
API contract validation agent that ensures frontend API calls match backend endpoints, request/response types
App Backend Module Agent
Build ONE backend feature module (routes/handlers + services + validation + tests) of an application from a se
Code Reader
Discovery agent for repositories (frontend, backend or both). Produces CODE_MAP, ROUTES, DATA_MODEL and INTEGR
Code To BDD
Backward-engineering BDD agent. Given a code path and a plain-English module context, reads the source code (f
Org Verifier
Independently verifies that a change does what its author claims — reruns the repository gate, exercises CLIs,
Related Skills
Harness Engineering Demo
Dos proyectos Angular 22 idénticos en código, con una sola diferencia entre ellos: si Claude Code tiene un arn
Frontloom Core Fe
Use this skill for any frontend task that needs expert-level execution standards across React, Vue, Angular, S
Scraper Discover
Systematic website reconnaissance. Classifies site architecture, discovers API endpoints, reverse-engineers au