feat(frontend): Add project creation wizard prototype for #49 #52

Closed
cardosofelipe wants to merge 0 commits from feature/49-project-wizard-prototype into dev

Summary

  • Add interactive 6-step project creation wizard prototype
  • Implement complexity assessment with visual selector (Script/Simple/Medium/Complex)
  • Add client mode selection (Technical Mode vs Auto Mode)
  • Create autonomy level selector with detailed approval matrix
  • Include agent chat placeholder for Phase 4 preview

Key Features

Wizard Steps

  1. Basic Info: Project name, description, repository URL
  2. Complexity: Visual cards showing project scope options
  3. Client Mode: Technical specs vs guided discovery
  4. Autonomy: Full control, milestone, or autonomous with approval matrix
  5. Agent Chat: Preview of future chat interface (Phase 4)
  6. Review: Summary of all selections before creation

Technical Details

  • Uses existing UI components (Card, Button, Badge, Input, etc.)
  • Responsive design for mobile, tablet, and desktop
  • Form validation with error messages
  • Accessible with ARIA attributes and keyboard navigation

Test Plan

  • Navigate to /prototypes/project-wizard
  • Verify all 6 steps are navigable
  • Test form validation (try empty project name)
  • Test selectable cards in complexity, client mode, and autonomy steps
  • Review the approval matrix table in step 4
  • Verify review step shows all selected options
  • Test "Create Project" flow and success screen

🤖 Generated with Claude Code

## Summary - Add interactive 6-step project creation wizard prototype - Implement complexity assessment with visual selector (Script/Simple/Medium/Complex) - Add client mode selection (Technical Mode vs Auto Mode) - Create autonomy level selector with detailed approval matrix - Include agent chat placeholder for Phase 4 preview ## Key Features ### Wizard Steps 1. **Basic Info**: Project name, description, repository URL 2. **Complexity**: Visual cards showing project scope options 3. **Client Mode**: Technical specs vs guided discovery 4. **Autonomy**: Full control, milestone, or autonomous with approval matrix 5. **Agent Chat**: Preview of future chat interface (Phase 4) 6. **Review**: Summary of all selections before creation ### Technical Details - Uses existing UI components (Card, Button, Badge, Input, etc.) - Responsive design for mobile, tablet, and desktop - Form validation with error messages - Accessible with ARIA attributes and keyboard navigation ## Test Plan - [ ] Navigate to `/prototypes/project-wizard` - [ ] Verify all 6 steps are navigable - [ ] Test form validation (try empty project name) - [ ] Test selectable cards in complexity, client mode, and autonomy steps - [ ] Review the approval matrix table in step 4 - [ ] Verify review step shows all selected options - [ ] Test "Create Project" flow and success screen 🤖 Generated with [Claude Code](https://claude.com/claude-code)
cardosofelipe added 1 commit 2025-12-30 18:06:07 +00:00
Add a 6-step guided wizard for project onboarding:
- Step 1: Basic info (name, description, repo URL)
- Step 2: Complexity assessment (Script/Simple/Medium/Complex)
- Step 3: Client mode selection (Technical/Auto)
- Step 4: Autonomy level with approval matrix
- Step 5: Agent chat preview placeholder (Phase 4)
- Step 6: Review and create

Features:
- Interactive selectable cards
- Form validation with error messages
- Progress indicator with step labels
- Responsive design for mobile/tablet/desktop
- Accessible with ARIA attributes and keyboard navigation
- Success screen with navigation options

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
cardosofelipe closed this pull request 2025-12-30 22:04:24 +00:00
cardosofelipe deleted branch feature/49-project-wizard-prototype 2025-12-30 22:04:24 +00:00

Pull request closed

Sign in to join this conversation.