new-page - Create New Pages with Design System Compliance
Build new pages in this project while enforcing design rules and including required section patterns.
Tags
Updated: 2026-02-17Capabilities
Typical Inputs
Typical Outputs
What this skill does
- read design rules file
- read design tokens file
- review section patterns
- draft page outline
- implement page sections
- update routing configuration
- run ESLint validation
- use design tokens
- use existing components
- include placeholder images
Inputs
- design_rules.md
- design-tokens.ts
- component patterns
- placeholder images
- user page requests
Outputs
- new page files
- updated App.tsx routing
- linted code
- built project
Requirements
- ESLint configuration
- npm build system
- React/TypeScript project
- design system files