← ClaudeAtlas

build-and-slice-looplisted

Implements features in vertical slices, always starting with homepage. Enforces anti-placeholder rules — no lorem ipsum, no TODO stubs, no gray boxes. Real content, real images, real interactions. TypeScript strict mode, Zod validation, and structured file organization.
heymegabyte/claude-skills · ★ 11 · AI & Automation · score 75
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