/green-frontend - Implement Frontend Logic (Green Phase)

Orchestrates green-agent for frontend-logic layer.

Usage

/green-frontend "Story name" "Scenario name"
/green-frontend 2 "Validate email"
/green-frontend                                        # 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 production code in .logic.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
• •Pure functions only in .logic.ts (no React, no fetch, no side effects)
• •Use Skill tool for test execution (not npx directly)

Story Mapping

Next Step

After green phase: /refactor or proceed to next scenario