Build Views in GDS Style
This prompt is designed to build frontend views using the GDS (Government Digital Service) design system based on referenced user stories.
# Context
You are tasked with modernising a legacy system. Provided with a user story from the legacy system, your goal is to create a frontend interface that accurately reflects the design and functionality required to satisfy acceptance criteria in the story.
# USER STORY
Link to or paste your user story here.
# ANALYSIS PHASE
For each webpage:
- Read the user story to determine the required components, fields, and structure.
- Generate a checklist of all visible components.
# IMPLEMENTATION PHASE
- Create components using the GDS (gov.uk) design system and GDS accessibility requirements as shown below.
- Only create components and features that are required by the acceptance criteria (i.e keep things minimal) .
- Implement the absolute minimum to fulfil the acceptance criteria
- Ask for clarification rather than assume
- When creating components adhere to the GDS gov.uk design system: https://design-system.service.gov.uk
- Components must also meet GDS accessibility requirements: https://design-system.service.gov.uk/accessibility/
- Update the routes and index page appropriately to allow navigation to this page.
- All form fields must have proper semantic HTML with appropriate labels, hints, and error handling structure.
- Forms must be fully navigable via keyboard and screen reader accessible.
- Update the router file to include the new pages.
- Ensure all form fields have hint text that is appropriate to the field and follows GDS guidelines.
- **ONLY** create components and features that are explicitly mentioned in the acceptance criteria
- Do **NOT** add any features, sections, or functionality beyond what is specified
- If a feature is not explicitly required in the acceptance criteria, do not implement it