# Sitemap

## Current Navigation

- `index.html` - Home
- `workflows.html` - Design ops workflow library
- `harness.html` - Future downloadable Design Harness
- `case-studies.html` - Proof from real projects
- `reference.html` - Tools, prompts, files, terms, and templates
- `field-notes.html` - Personal essays and build logs
- `about.html` - Point of view and author context
- `foundation-brief.html` - phone-readable strategy brief for the foundations-to-Harness direction
- `article-template.html` - reusable article/template component demo
- `editorial-template.html` - reusable Medium-style editorial article template
- `BRAIN.md` - central project brain and north star rule
- `DESIGN.md` - design direction and anti-drift rules
- `docs/DESIGN-SYSTEM.md` - reusable design tokens, components, and layout rules
- `docs/design-system/TOKENS.md` - token notes
- `docs/design-system/README.md` - design system read order and agent context
- `docs/design-system/COMPONENTS.md` - component notes
- `docs/design-system/LAYOUT.md` - layout notes
- `docs/CONTENT-INVENTORY.md` - recovered source material mapped to site destinations
- `docs/FOUNDATION-IA.md` - canonical foundation-course IA and page requirements
- `docs/FOUNDATION-GLOSSARY.md` - shared definitions for foundation concepts
- `docs/FOUNDATION-LESSONS.md` - course-like lesson objectives and artifacts
- `docs/EDITORIAL-ROADMAP.md` - first publishing sequence and article priorities

## Intended Growth

### Workflows

| Page Idea | Source | Template | Priority | Status |
| --- | --- | --- | --- | --- |
| The New Era Of AI Design | industry overview + inspiration references | Editorial | P1 | Planned |
| The New Design Process | process chapter + Marco saved examples + industry overview | How-to / guide | P1 | Planned |
| A Side Project Is The Fastest Way To Learn AI Design | Planark product/build books + industry overview + designer-agent notes + Harness roadmap | Editorial guide | P1 | Planned |
| The New Design Operating System | chapter draft + Harness roadmap + AGENTS/DESIGN docs | Framework guide | P1 | Planned |
| What Is Orchestration? | designer-agent notes + build book | How-to | P1 | Planned |
| Source Trust Before AI Output | `planark-product-book/05-real-data.md` | How-to | P1 | Planned |
| The Learning Capture Loop | build log + writing skills | How-to | P2 | Planned |
| Workshop To Prototype To Test | Marco saved examples + design-system docs | How-to | P2 | Planned |
| Read The Logs Before You Fix The UI | `planark-build-book/05-debugging-evidence.md` | How-to | P1 | Planned |
| HTML Mockups Before App Code | `planark-build-book/03-html-mockups.md` | How-to | P1 | Planned |
| Task, Workflow, Agent | `designer-ai-articles/claude-design-agents.md` | How-to | P1 | Planned |
| Product Brief To Prototype | Build book + future harness docs | How-to | P2 | Placeholder |
| Context File System | `AGENTS.md`, `DESIGN.md`, old Claude context | How-to | P2 | Placeholder |
| Publishing From Build Notes | marketing calendar + build book | How-to | P2 | Placeholder |

### Harness

| Page Idea | Source | Template | Priority | Status |
| --- | --- | --- | --- | --- |
| What Is The Design Harness? | `docs/HARNESS-ROADMAP.md` + foundation pages | How-to | P1 | Planned |
| Full Design Harness Setup | `docs/HARNESS-ROADMAP.md` + foundation pages | How-to | P1 | Planned |
| Harness Folder Structure | Harness roadmap + current docs | How-to | P2 | Planned |
| Harness Context Files | `AGENTS.md`, `DESIGN.md`, `docs/design-system/*` | How-to | P2 | Planned |
| Prompt Loops | build book + PM skills pack | How-to | P2 | Placeholder |
| Templates | `article-template.html`, `editorial-template.html` | Reference | P2 | Placeholder |
| Examples | first workflow pages | Reference | P3 | Future |

### Case Studies

| Page Idea | Source | Template | Priority | Status |
| --- | --- | --- | --- | --- |
| Planark: Regional Discovery | `planark-product-book/03-regional-discovery.md` | Editorial | P1 | Planned |
| Planark Is Not A Chatbot | `planark-product-book/02-not-a-chatbot.md` | Editorial | P1 | Planned |
| The Trip Builder Is Not A Text Generator | `planark-product-book/04-trip-builder.md` | Editorial or how-to | P2 | Planned |
| Real Travel Data Beats Plausible Lists | `planark-product-book/05-real-data.md` | How-to / case study | P1 | Planned |
| Design Harness Case Study | Harness docs | How-to | P3 | Future |

### Reference

| Page Idea | Source | Template | Priority | Status |
| --- | --- | --- | --- | --- |
| What Is A Skill? | PM skills pack taxonomy + designer-agent notes | How-to | P1 | Planned |
| What Is `AGENTS.md` / `CLAUDE.md`? | current `AGENTS.md`, old CLAUDE context as historical reference | How-to | P1 | Planned |
| What Is `DESIGN.md`? | current `DESIGN.md`, DS docs | How-to | P1 | Planned |
| Task vs Workflow vs Agent | `designer-ai-articles/claude-design-agents.md` | How-to | P1 | Planned |
| Context Files | current docs and harness docs | How-to | P1 | Planned |
| Which AI Model Should A Designer Use? | `docs/reference/ai-models-for-designers.md` + designer-facing model reviews | Reference / workflow | P2 | Draft |
| Skill And Workflow Packs | PM skills pack | How-to | P2 | Planned |
| Tools And MCPs | old Claude setup archive | Reference | P2 | Placeholder |
| Templates | article templates + DS docs | Reference | P2 | Placeholder |
| Source Trust Dictionary | Planark real-data source | Reference | P3 | Future |

### Field Notes

| Page Idea | Source | Template | Priority | Status |
| --- | --- | --- | --- | --- |
| Nobody Built The Travel App I Needed | `planark-product-book/01-origin.md` | Editorial | P1 | Planned |
| AI Made Weak Product Thinking More Obvious | `planark-build-book/06-ai-product-judgment.md` | Editorial | P1 | Planned |
| Designer To Builder | `planark-build-book/01-designer-builder.md` | Editorial | P2 | Planned |
| The API Work Nobody Sees | `planark-build-book/04-api-security.md` + LinkedIn builder posts | Editorial | P2 | Planned |
| Why Logs Beat Vibes | `planark-build-book/05-debugging-evidence.md` | Editorial | P2 | Planned |

## First Build Order

0. The New Era Of AI Design
1. The New Design Process
2. A Side Project Is The Fastest Way To Learn AI Design
3. The New Design Operating System
4. What Is The Design Harness?
5. What Is A Skill?
6. What Is `AGENTS.md` / `CLAUDE.md`?
7. What Is `DESIGN.md`?
8. What Is Orchestration?
9. Source Trust Before AI Output
10. Full Design Harness Setup
10. Read The Logs Before You Fix The UI