youssef-ammar

Frontend Planner — Development agent for Claude Code

Development community

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

Terminal
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 Repository

Related Agents

Solution Blueprint Agent — Development agent for Claude Code

Solution Blueprint Agent

Reads requirements.json, the draft contract, and every scoped per-app plan (backend-planning-agent, angular-pl

Development community
API Contract Validator — Development agent for Claude Code

API Contract Validator

API contract validation agent that ensures frontend API calls match backend endpoints, request/response types

Development community
Org Verifier — Development agent for Claude Code

Org Verifier

Independently verifies that a change does what its author claims — reruns the repository gate, exercises CLIs,

Development community
Browser Locator — Development agent for Claude Code

Browser Locator

Locates routes, screens, and DOM-level component presence in a

Development community
Requirement Consistency Checker — Development agent for Claude Code

Requirement Consistency Checker

Use this agent to review conflicts between the use cases/features written by business-analyst, and to catch us

Development community
Angular SPA — Development agent for Claude Code

Angular SPA

Expert Angular frontend developer. Use for building SPA UIs with standalone components, signals, lazy routing,

Development community

Related Skills

Frontloom Core Fe — Productivity skill for Claude Code

Frontloom Core Fe

Use this skill for any frontend task that needs expert-level execution standards across React, Vue, Angular, S

Productivity community
Information Architecture — Development skill for Claude Code

Information Architecture

You are structuring the product before any screens are drawn. IA done wrong means screens built in the wrong o

Development community
Hypothesis Agent — Data skill for Claude Code

Hypothesis Agent

Generate high-value, non-obvious attack hypotheses from recon data during bug bounty hunting. Use this skill w

Data community