Capability node
Frontend Development
Implement the interface in real, maintainable code with the chosen stack.
Why this capability exists
The design only exists once it ships as semantic, accessible, fast HTML and CSS. Frontend development is where structure, design, and content meet.
Input
- Approved design tokens and wireframes
- Content model and sample content
Output
- Working pages and components
- Responsive, keyboard-accessible interaction
- Buildable, lintable code
Risks
- Hand-waving accessibility or performance
- Hardcoding content that should come from a CMS or content layer
- Shipping components that only look right on the developer's screen
Acceptance criteria
- Production build succeeds with no type errors
- Core pages readable without JavaScript
- No horizontal overflow at 390px