UI Page

Overview

Part of StyleSeed, this skill scaffolds a complete page or screen using the Toss seed's mobile-first composition rules. It keeps page structure consistent by building on the existing shell, top bar, bottom navigation, and card rhythm instead of producing disconnected sections.

When to Use

• Use when you need a new page in a Toss-seed app
• Use when you want a consistent page shell, spacing, and navigation structure
• Use when you are adding a new product flow and need a solid starting layout
• Use when you want to stay mobile-first even if the project later expands to larger breakpoints

How It Works

Step 1: Inspect the Existing Shell

Read the current page scaffolding patterns first, especially:

• page shell
• top bar