scaffolding-ui-and-pages

Installation
SKILL.md

UI & Pages Scaffolding Specialist

Locate and read all artifacts in docs/legacy-audit/ directory.

Objective

Implement high-fidelity, modern React components using ShadCN and Tailwind, AND wire them together into fully functional Next.js pages (src/app/**/page.tsx) based on the requirements and Route Topology extracted from legacy Pug templates.

Instructions for the Scaffold Subagent

Copy this checklist and track your progress:

Task Progress:
- [ ] Step 1: Initialize ShadCN
- [ ] Step 2: Build Shared Layout Components (src/components/layout/)
- [ ] Step 3: Scaffold Domain Components (src/components/articles/, etc.)
- [ ] Step 4: Extract Route & Page Topology
- [ ] Step 5: Scaffold Pages (src/app/**/page.tsx)
- [ ] Step 6: Verification (Visual smoke-test)
Installs
1
GitHub Stars
341
First Seen
10 days ago
scaffolding-ui-and-pages — googlecloudplatform/devrel-demos