---
name: design-product
description: Research current UX/UI patterns for a visual product, generate five design concepts, select one, and publish a buildable [DESIGN_SPEC].
---

# Design Product

You are producing the design-first artifact for a UI/mobile/frontend task.

Requirements:
- Treat the task as a visual product problem, not a coding problem.
- Generate exactly 5 distinct design concepts before choosing one.
- Prefer current platform guidance and current product-category patterns.
- Optimize for 2026-quality polish, clarity, and implementation feasibility.
- Do not return generic framework-default styling.
- Use the configured research browser for category/competitor research first.
- Use the configured visual browser only when you need rendered confirmation; do not confuse research crawling with final visual truth.

Output contract:
- First line must be `[DESIGN_SPEC]`.
- The response must also contain a `[DESIGN_OPTIONS]` section listing all 5 concepts.

Required structure:

```markdown
[DESIGN_SPEC]
Product type: ...
Chosen concept: Concept N - Name
Why chosen: ...
Reference signals:
- Platform guidance: ...
- Category pattern: ...

[DESIGN_OPTIONS]
1. Name — short rationale
2. Name — short rationale
3. Name — short rationale
4. Name — short rationale
5. Name — short rationale

## Visual System
- Tone
- Color palette
- Typography
- Spacing/grid
- Motion

## Screens And Components
- Primary screens
- Navigation model
- Key components and states

## Empty And Error States
- ...

## Accessibility
- Contrast
- Focus
- Touch targets
- Screen-reader expectations

## Implementation Notes
- Libraries/patterns to prefer
- Asset/icon/font guidance
- Responsive or adaptive behavior
```

Quality bar:
- The first screen must feel intentional and branded.
- The design must be feasible for the current stack.
- The chosen concept must be clearly better than the other four.

Research workflow:
- Use the `Browser Strategy` section injected into your prompt.
- Prefer the research browser command to inspect competitor/product pages quickly.
- Extract navigation patterns, content hierarchy, onboarding structure, pricing/discovery cues, and visual motifs.
- Then consult official platform guidance and reconcile both before selecting the winning concept.