add-ui
MANDATORY PREPARATION
Users start this workflow with /add-ui. add-ui is the canonical skill name in this repository. Some hosts may expose a friendly /add alias, but docs, wrappers, and source files should continue to refer to the skill as add-ui.
Read frontend-design and follow its Context Gathering Protocol. Reuse available context and ask only about consequential gaps.
When the request is for a brand-new landing page, marketing page, or several distinct directions and the aesthetic is still open, use the approved style-selection rules in frontend-design's design directions. Choose directions that fit the product idea and brand context instead of inventing vague vibe labels.
When working inside an existing project with an established visual system, preserve that system first and make the options feel distinct without quietly rebranding the product.
For landing-page variants, use landing-page storytelling to compare openings, navigation, evidence order, and endings within the user's structural constraints.
Also gather the smallest set of implementation details needed to generate usable code: