Files
sar/.claude/skills/wds-4-ux-design/data/page-creation-flows/flow-d-reference.md
julian 17c08e6392 chore: initial monorepo scaffold + WDS Phase 1+2 artifacts
- Nx 22.7 monorepo (pnpm 11.1, TypeScript 5.9, Node 24)
- apps/api: NestJS 11 (CJS conforme CODING-RULES.md PGD-DB-004)
- apps/web: React 19 + Vite 8 (ESM)
- libs/shared/api-interface: Zod contract base
- Docker Compose dev: Postgres 18, Valkey 8, MinIO, Mailpit
- WDS artifacts:
  - design-artifacts/A-Product-Brief/ (5 docs canônicos + 16 dialogs)
  - design-artifacts/B-Trigger-Map/ (hub + 4 personas + feature impact)
- Stack canon: STACK.md v2.2 + CODING-RULES.md v2.0 + brand.md
- AGENTS.md + README.md como entrada para devs/agentes

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-27 14:34:20 +00:00

1.2 KiB

Flow D: Reference Page

Activates when: User has a similar page to reference


Gather Reference

Which page is this similar to?

Provide:

  • Page name or URL
  • What file path (if internal project)
  • Or description of reference page

Reference:

Store reference_page


Identify Differences

What are the KEY DIFFERENCES from the reference?

What changes from the reference page?

Differences:

Store differences


Generate Specification

Creating page based on reference...

If internal reference exists: 1. Copy reference specification structure 2. Update with differences 3. Mark sections that need updates 4. Preserve navigation pattern

If external reference:

  1. Describe reference structure
  2. Note differences
  3. Create conceptual specification
  4. Recommend creating sketch showing changes

Generate specification document


Completion

Reference-based page specification created!

Based on: {{reference_page}}

Key differences noted: {{differences}}

Next steps:

  • Review generated specification
  • Create sketch showing unique elements
  • Run Page Process Workshop to refine

Ready?