Implementation plan for the spec at docs/superpowers/specs/2026-05-11-core- ui-component-generator-design.md. Five phases: - Phase 1: add splice anchors to core-ui tier barrel templates + regenerate the byte-identical ui snapshot - Phase 2: create the 4 Handlebars template files (component.tsx + stories + test + index) - Phase 3 (TDD): register the setGenerator block, implement coreUiComponentActions + printCoreUiComponentNextSteps, add unit tests for registration shape, action sequence, and PascalCase validation - Phase 4: scaffolding reference doc + CLAUDE.md Quick Start + AGENTS.md Key Commands - Phase 5: manual smoke test (scaffold one component per tier, verify file layout + spliced barrels + core-ui gates) + final repo gates Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Clean Architecture Monorepo Template
Turborepo + pnpm monorepo organized by vertical features. See CLAUDE.md for the full conventions reference and AGENTS.md for the package map.
Quick Start
pnpm install # Install all dependencies
pnpm dev # Start all dev servers
pnpm build # Build all packages
pnpm test # Run all tests
pnpm turbo boundaries # Validate workspace dependency graph
pnpm turbo gen feature # Scaffold a new feature package
docker compose up -d # Start PostgreSQL
Optional packages
The default template includes the must-have core packages and all 5 feature packages. Four core packages are optional and scaffold on demand:
pnpm turbo gen core-package realtime # Socket.IO realtime layer (ADR-016)
pnpm turbo gen core-package events # Cross-feature events + Payload jobs (ADR-015)
pnpm turbo gen core-package trpc # tRPC server setup
pnpm turbo gen core-package ui # Design system
See docs/architecture/template-tiers.md for the full tier list.
Key ports
| Service | Port |
|---|---|
| Next.js | 3000 |
| Payload CMS | 3001 |
| TanStack Start | 3002 |
| PostgreSQL | 5432 |
| Storybook | 6006 |
Description
Languages
TypeScript
67.6%
JavaScript
20.1%
Handlebars
11.3%
Shell
0.8%
Dockerfile
0.1%