ClaudeDo/docs/superpowers/plans/2026-06-04-task-detail-redesign-prompts.md

Task Detail Redesign — Component Build Prompts

Three isolated build tasks (one per component). Each runs in its own worktree off main, with the project CLAUDE.md auto-loaded. Full design context lives in docs/superpowers/specs/2026-06-04-task-detail-redesign-design.md — every task must read it first.

Shared rules (all three):

• Build a standalone UserControl + dedicated ViewModel that renders fully in the Avalonia previewer via design-time sample data (parameterless ctor populating realistic values). Do not bind to DetailsIslandViewModel.
• New files under src/ClaudeDo.Ui/Views/Islands/Detail/ and src/ClaudeDo.Ui/ViewModels/Islands/Detail/.
• Use only tokens from Design/Tokens.axaml and classes from Design/IslandStyles.axaml. No inline hex, no magic numbers where a token exists. PathIcon fills geometry — stroke-only art is invisible.
• Compiled bindings (x:DataType). MVVM via CommunityToolkit ([ObservableProperty], [RelayCommand]); VM inherits ViewModelBase.
• Do NOT modify DetailsIslandView.axaml, DetailsIslandViewModel.cs, AgentStripView, SessionTerminalView, or TaskRunner.cs.
• Verify: dotnet build src/ClaudeDo.Ui/ClaudeDo.Ui.csproj -c Release is green. Stage files explicitly by path (never git add -A). Commit with a conventional message.

---

TASK 1 — TaskHeaderBar

(prompt text = task description; see below)

TASK 2 — DescriptionStepsCard

TASK 3 — WorkConsole