/green-frontend-api - Implement Frontend API Client (Green Phase)

Orchestrates green-agent for frontend-api layer.

Usage

/green-frontend-api "Story name" "Scenario name"
/green-frontend-api 2 "Registration API call"
/green-frontend-api                                    # Interactive selection

Workflow

1. •Parse user input (story, scenario)
2. •Load agent instructions from .claude/agents/green-agent.md
3. •Load layer template from .claude/templates/frontend/implementation.md
4. •Execute the following steps:
   • •Find skipped test (.skip) in frontend/src/
   • •Read test (understand expectations) - READ-ONLY
   • •Implement minimal fetch client in .api.ts file
   • •Remove .skip from the test (ONLY allowed test change)
   • •Run test using Skill tool: skill="test-frontend", args="{test-file-pattern}"
   • •Verify GREEN state
   • •Run all tests using Skill tool: skill="test-frontend"
   • •Verify no regression
5. •Return result summary

Key Rules

• •TESTS ARE READ-ONLY - only remove .skip
• •Implement MINIMAL code to pass the test
• •Use fetch API for HTTP calls
• •Handle HTTP error codes appropriately
• •Use Skill tool for test execution (not npx directly)

Story Mapping

Next Step

After green phase: /refactor or proceed to React component implementation