SGDS Patterns

This skill catalogs all reusable UI patterns available in SGDS. Patterns are production-ready templates that combine SGDS components and utilities to solve common UI needs.

When to Use This Skill

Use this skill whenever you need to:

• Implement a typography pattern (page headings, content headers, lists, paragraphs with specific sizing/weight)
• Build a form pattern (multi-field forms, validation patterns, input groupings)
• Create page layouts (login page, empty states, data tables, search interfaces)
• Display notifications, reviews, or data visualizations with SGDS
• Find the exact HTML markup and SGDS utility classes for a UI pattern

Prerequisites

Before implementing any pattern, ensure you have: