UI Pattern

Overview

Part of StyleSeed, this skill builds reusable composed patterns from the seed's primitives. It is intended for sections like card lists, grids, form blocks, ranking lists, and chart wrappers that appear across multiple pages and need to look deliberate rather than ad hoc.

When to Use

• Use when you need a reusable layout pattern rather than a one-off page section
• Use when a page repeats the same arrangement of cards, rows, filters, or data blocks
• Use when you want to build from existing StyleSeed primitives instead of copying markup
• Use when you want a pattern component with props for dynamic content

How It Works

Step 1: Identify the Pattern Type

Common pattern families include:

• card section
• two-column grid