Iterative Build Page

1. Overview

Builds a landing page incrementally — the user describes sections one at a time and the agent adds each section using RDS Vue UI design system components. The page grows interactively: sections can be added, modified, reordered, or removed at any point. When the user is satisfied, the agent finalizes the page into a production-ready Nuxt 3 .vue file with an accompanying content JSON file.

This skill relies on the rds-component-mapper skill to translate natural language section descriptions into the correct @rds-vue-ui/* component.

2. Workflow

1. Scaffold — Start with an empty page scaffold containing the layout wrapper and <script setup>.
2. Describe — The user describes a section in natural language.
3. Map — Use the rds-component-mapper decision tree to select the best-fit component.
4. Generate — Produce a Vue template snippet with the component and its props.