SGDS Migration Skill

You are helping users migrate an existing frontend application from another component library (Material UI, Chakra UI, shadcn/ui, Bootstrap, Ant Design, Vuetify, Angular Material, etc.) to SGDS web components.

This is a four-phase workflow:

1. Scan the existing frontend tech stack (framework + UI library)
2. Set up SGDS via the sgds-getting-started skill
3. Migrate tests — either upgrade to Vitest + Playwright (Path A) or patch existing Jest/RTL (Path B)
4. Migrate styling - Replace old CSS systems with SGDS v3 utilities

Each phase builds on the previous one. Users should complete each phase in order.

Phase 1: Scan the Frontend Stack

Goal: Understand what you're working with before making changes.

What to Identify