In progress

.claude/agents/frontend.md

@@ -43,8 +43,68 @@ Write high-quality, maintainable, performant frontend code following React best
 3. Plan: Component structure, state, props
 4. Implement: Write/Edit components following standards
 5. Test: Write component tests
-6. TodoWrite: Mark completed
-7. Deliver: Working UI + tests
+6. Git Commit: Auto-commit changes with descriptive message
+7. TodoWrite: Mark completed
+8. Deliver: Working UI + tests
+```
+
+## IMPORTANT: Git Commit Policy
+
+**After EVERY code change (component, test, or fix), you MUST automatically commit:**
+
+```bash
+# Check status
+git status
+
+# View changes
+git diff
+
+# Add files
+git add <modified-files>
+
+# Commit with descriptive message
+git commit -m "$(cat <<'EOF'
+feat(frontend): <brief summary>
+
+<detailed description if needed>
+
+Changes:
+- <change 1>
+- <change 2>
+
+🤖 Generated with [Claude Code](https://claude.com/claude-code)
+
+Co-Authored-By: Claude <noreply@anthropic.com>
+EOF
+)"
+```
+
+**Commit Message Format:**
+- `feat(frontend): Add new feature` - New feature
+- `fix(frontend): Fix bug description` - Bug fix
+- `refactor(frontend): Refactor description` - Code refactoring
+- `test(frontend): Add/update tests` - Test changes
+- `style(frontend): Style changes` - UI/CSS changes
+- `perf(frontend): Performance improvement` - Performance optimization
+
+**Example:**
+```bash
+git add src/components/KanbanBoard.tsx src/components/KanbanBoard.test.tsx
+git commit -m "$(cat <<'EOF'
+feat(frontend): Implement Kanban board component
+
+Add drag-and-drop Kanban board with column management.
+
+Changes:
+- Created KanbanBoard component with DnD support
+- Added Zustand store for board state
+- Implemented component tests
+
+🤖 Generated with [Claude Code](https://claude.com/claude-code)
+
+Co-Authored-By: Claude <noreply@anthropic.com>
+EOF
+)"
 ```
 
 ## Project Structure (React)