# Speculative UI Concepts (Tech-Agnostic)

This folder is for **standalone concept directions** based on:

- `docs/strategy/design-brief.md`
- `docs/strategy/prd.md`
- `docs/profile/*`
- `docs/capabilities/*`

## Why this exists

- Stay super lean (no framework commitment)
- Compare multiple creative directions quickly
- Let different models produce independent concepts

## File naming

Use model name as identifier:

- `<model-name>-concept-01.html`
- `<model-name>-concept-02.html`

Examples:

- `cascade-concept-01.html`
- `gpt5-concept-01.html`
- `claude-concept-01.html`

## Rules for each concept

1. Self-contained HTML file
2. Inline CSS (and optional tiny inline JS)
3. No build step, no package manager, no framework
4. Mobile + desktop responsive
5. Must respect design constraints:
   - strategic minimalism
   - transparent authority (not desperate)
   - three-pillar engagement model

## How to view

Open `index.html` in browser, then open each concept file directly.

Quick links (v1 — original single-track brief):
- `./gpt53codex-concept-01.html`
- `./gpt53codex-concept-02.html`
- `./claude-opus-46-thinking-concept-01.html`
- `./claude-opus-46-thinking-concept-02.html`
- `./kimi-k25-concept-01.html`
- `./kimi-k25-concept-02.html`
- `./gemini-3-pro-concept-01.html`
- `./gemini-3-pro-concept-02.html`

Quick links (v2 — three-pillar / Portfolio of One brief):
- `./claude-opus-46-thinking-concept-03.html`
- `./gemini-31-pro-high-thinking-concept-01.html`

## Add a new concept

1. Create a new file with model-based name
2. Add a card/link in `index.html`
3. Keep concept standalone and independent