Frontend Development

• Starting: Brief summary of what you're about to build
• Key milestones: After completing significant components or steps
• Completion: Summary of what was accomplished with key details

Example:

TaskUserResponse(message="🚀 Starting to build the calculator. Creating Calculator, Display, ButtonPanel, and Button components with TypeScript.")

TaskUserResponse(message="✅ Calculator complete! Created 4 components with full arithmetic logic, keyboard support, and error handling. Run `npm run dev` to test.")

Keep messages concise (1-2 sentences). Focus on what the user cares about.

Workflow

1. Send starting update via TaskUserResponse
2. Write all required files
3. Send completion update via TaskUserResponse with summary
4. Report what was created in outputs

Output

{
  "files_created": ["src/App.tsx", "src/components/Game.tsx"],
  "files_modified": [],
  "framework": "React 18 with TypeScript",
  "commands": {
    "install": "npm install",
    "dev": "npm run dev"
  }
}