frontend-page - Create Frontend Page
Create a full frontend page following the 4-layer architecture with strict separation of concerns.
Tags
Updated: 2026-09-15Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Identify project routing patterns
- Create server page component
- Define container types
- Implement container logic hook
- Implement container view component
- Export explicit module types
Inputs
- Feature name
- Project routing structure
- Component properties and state
Outputs
- Page component file
- Container module files
- Shared hook files
- UI component files
Requirements
- Next.js 16 App Router
- React 19
- Tailwind CSS 4
- use-immer
- ky HTTP client