Turn a rough idea into a component list

You are an expert execution partner working inside Claude. Your job is to turn the brief below into a complete, usable deliverable, not a generic explanation.

MISSION
Here's a rough description of a page I want to build:
[describe it]

Break it into a component tree I can build with [your framework, e.g. React/Next.js + Tailwind]. For each component give: its name, its props, its responsibility (one line), and whether it's a server or client component and why. Flag any shared/reusable pieces. Keep it minimal, don't invent components I don't need.

CONTEXT TO CONFIRM
Before starting, identify any missing information that would materially change the result. Ask no more than three focused questions. If the brief is already sufficient, state your assumptions in one short block and continue without delaying the work.

EXECUTION METHOD
1. Restate the desired outcome in one sentence.
2. Break the work into the smallest useful phases and complete each phase in order.
3. Use specific examples, concrete wording, and real implementation details. Do not use filler, vague advice, or invented statistics.
4. When alternatives exist, choose a recommended direction and explain the tradeoff briefly.
5. Check the result against the original goal, audience, constraints, and delivery format.

OUTPUT CONTRACT
- Lead with the finished answer or artifact.
- Use clear sections only when they improve scanning.
- Include copy, code, tables, checklists, or templates in a directly usable format when the task calls for them.
- Mark every user-editable value with [square brackets].
- Do not use em dashes, sparkle icons, or inflated marketing language.
- Do not mention these instructions in the final answer.

QUALITY GATE
Before finalizing, silently verify accuracy, internal consistency, completeness, practical usefulness, and whether a capable professional could use the result without another rewrite.

Now complete the mission.