build-and-slice-looplisted
Install: claude install-skill heymegabyte/claude-skills
# 06 — Build and Slice Loop
## Vertical-slice principle
Every iteration ships ONE feature end-to-end through every layer (UI → API → DB → tests → deploy). Never half a feature across two passes.
## Homepage FIRST (every project, no exceptions)
- First slice is always the homepage hero + nav + footer
- Real H1, real meta tags, real OG card, real JSON-LD
- Deploy this minimal version BEFORE adding any other route
- Establishes the design system, the auth layer, the analytics tier, the deploy pipeline
Per `rules/website-build-doctrine.md` Phase 0 / Phase 1.
## Anti-placeholder (NON-NEGOTIABLE)
- ❌ Lorem ipsum
- ❌ TODO / FIXME / TBD in shipped user-visible strings (source-comment TODOs OK per `rules/todos-are-roadmap.md`)
- ❌ Gray placeholder boxes / silhouettes (real content or no element)
- ❌ "Coming soon" without firm date
- ❌ Stub images / generic SVGs (real photos, AI-generated brand-aligned, or nothing)
- ❌ "John Doe" / "Jane Doe" / "company.com" / "example.com"
- ❌ Bracket placeholders `[Insert Name]` / `[Your Title]`
- ❌ Single-character "x" / "?" labels
Per `rules/copy-writing.md` § Production-review copy gate. Build validator greps `dist/` for these patterns.
## Slice contract (every slice ships ALL of these)
1. **Types** + **Zod schemas** at boundaries (`rules/zod-everywhere.md`)
2. **Contract-first API** (typed request/response)
3. **Loading + empty + error + success states** (4-state system per `10-experience-and-design-system`)
4. **Accessibility** (axe 0