Sign in to create and edit playbooks. Sign In Register

Feed into Implementation

ESM-7 Order: #7 Inception Has Dependencies

Updated 3 weeks, 3 days ago

Guidance

Feed into Feature Implementation Workflow

Objective

Transition from UX design to full backend implementation.

Process

1. Handoff Checklist

Ensure all UX artifacts are complete before implementation:

Activity 1 → Activity 2:
- [ ] Screen ID convention understood
- [ ] Traceability requirements clear
- [ ] Important guidelines reviewed

Activity 2 → Activity 3:
- [ ] User journey documented
- [ ] All Acts defined with personas
- [ ] Screen IDs assigned to all screens

Activity 3 → Activity 4:
- [ ] IA guidelines documented
- [ ] Design system tokens defined
- [ ] Navigation structure clear

Activity 4 → Activity 5:
- [ ] Domain model diagram complete
- [ ] MVP flow diagram shows all screens
- [ ] Screen states documented
- [ ] Flow validated visually (human eye check)

Activity 5 → Activity 6:
- [ ] All CRUDLF feature files written
- [ ] Scenarios follow BDD best practices
- [ ] Navbar integration scenarios added
- [ ] Error/edge cases covered

Activity 6 → Activity 7:
- [ ] All mockup templates created
- [ ] Mock views functional
- [ ] All UI states represented
- [ ] Accessibility attributes present
- [ ] data-testid attributes added
- [ ] Design system compliance verified

Activity 7 — UX complete:
- [ ] All UX artifacts complete (Activities 1-6)
- [ ] Feature files ready for implementation
- [ ] Mockups ready for conversion to real views
- [ ] Screen IDs documented across all artifacts

2. Traceability Verification

Verify Screen ID appears in all 5 artifacts:
1. ✅ User Journey (section header)
2. ✅ Screen Flow Diagram (box label)
3. ✅ Feature File (feature title)
4. ✅ Template (HTML comment + hidden div)
5. ✅ Tests (test names + docstrings)

Grep Test: grep -r "FOB-{ENTITY}-{OPERATION}-{VERSION}" .

Deliverables

  • ✅ All UX artifacts complete (Activities 1-6)
  • ✅ Feature files ready for implementation
  • ✅ Mockups ready for implementation
  • Screen ID traceability complete
  • ✅ Handoff checklist verified

Next Steps: Remaining Elaboration before Construction

ESM is the first Inception workflow. Three more workflows must complete before building starts:

Gate Artifact Workflow if missing
DTA docs/architecture/SAO.md DTA — Define Architecture
DSP CLAUDE.md DSP — Deploy Software Process
BSP Makefile + requirements.txt BSP — Bootstrap Project

Run DTA next. DSP follows DTA (needs SAO.md). BSP follows DSP. When all four gates pass, see BSP-08 for the Construction Handoff and mode selection.

Details
Order:
#7
Phase:
Predecessor:
ESM-6 Create Mockups
Created:
Apr 11, 2026
Last Updated:
Aug 27, 2026
Workflow
Envision the System

Turn your vision into formal design artifacts - user journey, screen flow, mockups, feature files, and design system

View Workflow
Assigned Agent

No agent assigned

Required Skills

No skills linked

Rules

No rules linked.

Input Artifacts

No input artifacts

Output Artifacts

No output artifacts