---

name: loopwright-create-beads description: "Convert PRDs to beads for loopwright execution. Creates an epic with child beads for each user story. Use when you have a PRD and want to use loopwright with beads as the task source. Triggers on: create beads, convert prd to beads, beads for loopwright, loopwright beads."

Loopwright - Create Beads

Converts PRDs to beads (epic + child tasks) for loopwright autonomous execution.

Note: This skill is bundled with loopwright's Beads tracker plugin. Future tracker plugins (Linear, GitHub Issues, etc.) will bundle their own task creation skills.

---

The Job

Take a PRD (markdown file or text) and create beads in .beads/beads.jsonl:

1. Extract Quality Gates from the PRD's "Quality Gates" section
2. Create an epic bead for the feature
3. Create child beads for each user story (with quality gates appended)
4. Set up dependencies between beads (schema → backend → UI)
5. Output ready for loopwright run --tracker beads

---

Step 1: Extract Quality Gates

Look for the "Quality Gates" section in the PRD:

Copy## Quality Gates

These commands must pass for every user story:
- `pnpm typecheck` - Type checking
- `pnpm lint` - Linting

For UI stories, also include:
- Verify in browser using dev-browser skill

Extract:

• Universal gates: Commands that apply to ALL stories (e.g., pnpm typecheck)
• UI gates: Commands that apply only to UI stories (e.g., browser verification)

If no Quality Gates section exists: Ask the user what commands should pass, or use a sensible default like npm run typecheck.

---

Output Format

Beads use bd create command:

Copy# Create epic
bd create --type=epic \
  --title="[Feature Name]" \
  --description="[Feature description from PRD]" \
  --labels="loopwright,feature"

# Create child bead (with quality gates in acceptance criteria)
bd create \
  --parent=EPIC_ID \
  --title="[Story Title]" \
  --description="[Story description with acceptance criteria INCLUDING quality gates]" \
  --priority=[1-4] \
  --labels="loopwright,task"

---

Story Size: The #1 Rule

Each story must be completable in ONE loopwright iteration (~one agent context window).

loopwright spawns a fresh agent instance per iteration with no memory of previous work. If a story is too big, the agent runs out of context before finishing.

Right-sized stories:

• Add a database column + migration
• Add a UI component to an existing page
• Update a server action with new logic
• Add a filter dropdown to a list

Too big (split these):

• "Build the entire dashboard" → Split into: schema, queries, UI components, filters
• "Add authentication" → Split into: schema, middleware, login UI, session handling
• "Refactor the API" → Split into one story per endpoint or pattern

Rule of thumb: If you can't describe the change in 2-3 sentences, it's too big.

---

Story Ordering: Dependencies First

Stories execute in dependency order. Earlier stories must not depend on later ones.

Correct order:

1. Schema/database changes (migrations)
2. Server actions / backend logic
3. UI components that use the backend
4. Dashboard/summary views that aggregate data

Wrong order:

1. ❌ UI component (depends on schema that doesn't exist yet)
2. ❌ Schema change

---

Dependencies with bd dep add

Use the bd dep add command to specify which beads must complete first:

Copy# Create the beads first
bd create --parent=epic-123 --title="US-001: Add schema" ...
bd create --parent=epic-123 --title="US-002: Create API" ...
bd create --parent=epic-123 --title="US-003: Build UI" ...

# Then add dependencies (issue depends-on blocker)
bd dep add loopwright-002 loopwright-001  # US-002 depends on US-001
bd dep add loopwright-003 loopwright-002  # US-003 depends on US-002

Syntax: bd dep add <issue> <depends-on> — the issue depends on (is blocked by) depends-on.

loopwright will:

• Show blocked beads as "blocked" until dependencies complete
• Never select a bead for execution while its dependencies are open
• Include dependency context in the prompt when working on a bead

Correct dependency order:

1. Schema/database changes (no dependencies)
2. Backend logic (depends on schema)
3. UI components (depends on backend)
4. Integration/polish (depends on UI)

---

Acceptance Criteria: Quality Gates + Story-Specific

Each bead's description should include acceptance criteria with:

1. Story-specific criteria from the PRD (what this story accomplishes)
2. Quality gates from the PRD's Quality Gates section (appended at the end)

Good criteria (verifiable):

• "Add investorType column to investor table with default 'cold'"
• "Filter dropdown has options: All, Cold, Friend"
• "Clicking toggle shows confirmation dialog"

Bad criteria (vague):

• ❌ "Works correctly"
• ❌ "User can do X easily"
• ❌ "Good UX"
• ❌ "Handles edge cases"

---

Conversion Rules

1. Extract Quality Gates from PRD first
2. Each user story → one bead
3. First story: No dependencies (creates foundation)
4. Subsequent stories: Depend on their predecessors (UI depends on backend, etc.)
5. Priority: Based on dependency order, then document order (0=critical, 2=medium, 4=backlog)
6. Labels: Epic gets loopwright,feature; Tasks get loopwright,task
7. All stories: status: "open"
8. Acceptance criteria: Story criteria + quality gates appended
9. UI stories: Also append UI-specific gates (browser verification)

---

Splitting Large PRDs

If a PRD has big features, split them:

Original:

"Add friends outreach track with different messaging"

Split into:

1. US-001: Add investorType field to database
2. US-002: Add type toggle to investor list UI
3. US-003: Create friend-specific phase progression logic
4. US-004: Create friend message templates
5. US-005: Wire up task generation for friends
6. US-006: Add filter by type
7. US-007: Update new investor form
8. US-008: Update dashboard counts

Each is one focused change that can be completed and verified independently.

---

Example

Input PRD:

Copy# PRD: Friends Outreach

Add ability to mark investors as "friends" for warm outreach.

## Quality Gates

These commands must pass for every user story:
- `pnpm typecheck` - Type checking
- `pnpm lint` - Linting

For UI stories, also include:
- Verify in browser using dev-browser skill

## User Stories

### US-001: Add investorType field to investor table
**Description:** As a developer, I need to categorize investors as 'cold' or 'friend'.

**Acceptance Criteria:**
- [ ] Add investorType column: 'cold' | 'friend' (default 'cold')
- [ ] Generate and run migration successfully

### US-002: Add type toggle to investor list rows
**Description:** As Ryan, I want to toggle investor type directly from the list.

**Acceptance Criteria:**
- [ ] Each row has Cold | Friend toggle
- [ ] Switching shows confirmation dialog
- [ ] On confirm: updates type in database

### US-003: Filter investors by type
**Description:** As Ryan, I want to filter the list to see just friends or cold.

**Acceptance Criteria:**
- [ ] Filter dropdown: All | Cold | Friend
- [ ] Filter persists in URL params

Output beads:

Copy# Create epic
bd create --type=epic \
  --title="Friends Outreach Track" \
  --description="Warm outreach for deck feedback" \
  --labels="loopwright,feature"

# US-001: No deps (first - creates schema)
bd create --parent=loopwright-abc \
  --title="US-001: Add investorType field to investor table" \
  --description="As a developer, I need to categorize investors as 'cold' or 'friend'.

## Acceptance Criteria
- [ ] Add investorType column: 'cold' | 'friend' (default 'cold')
- [ ] Generate and run migration successfully
- [ ] pnpm typecheck passes
- [ ] pnpm lint passes" \
  --priority=1 \
  --labels="loopwright,task"

# US-002: UI story (gets browser verification too)
bd create --parent=loopwright-abc \
  --title="US-002: Add type toggle to investor list rows" \
  --description="As Ryan, I want to toggle investor type directly from the list.

## Acceptance Criteria
- [ ] Each row has Cold | Friend toggle
- [ ] Switching shows confirmation dialog
- [ ] On confirm: updates type in database
- [ ] pnpm typecheck passes
- [ ] pnpm lint passes
- [ ] Verify in browser using dev-browser skill" \
  --priority=2 \
  --labels="loopwright,task"

# Add dependency: US-002 depends on US-001
bd dep add loopwright-002 loopwright-001

# US-003: UI story
bd create --parent=loopwright-abc \
  --title="US-003: Filter investors by type" \
  --description="As Ryan, I want to filter the list to see just friends or cold.

## Acceptance Criteria
- [ ] Filter dropdown: All | Cold | Friend
- [ ] Filter persists in URL params
- [ ] pnpm typecheck passes
- [ ] pnpm lint passes
- [ ] Verify in browser using dev-browser skill" \
  --priority=3 \
  --labels="loopwright,task"

# Add dependency: US-003 depends on US-002
bd dep add loopwright-003 loopwright-002

---

Output Location

Beads are written to: .beads/beads.jsonl

After creation, run loopwright:

Copy# Work on a specific epic
loopwright run --tracker beads --epic loopwright-abc

# Or let it pick the best task automatically
loopwright run --tracker beads

loopwright will:

1. Work on beads within the specified epic (or select the best available task)
2. Close each bead when complete
3. Close the epic when all children are done
4. Output <promise>COMPLETE</promise> when epic is done

---

Checklist Before Creating Beads

• Extracted Quality Gates from PRD (or asked user if missing)
• Each story is completable in one iteration (small enough)
• Stories are ordered by dependency (schema → backend → UI)
• Quality gates appended to every bead's acceptance criteria
• UI stories have browser verification (if specified in Quality Gates)
• Acceptance criteria are verifiable (not vague)
• No story depends on a later story (only earlier stories)
• Dependencies added with bd dep add after creating beads