Squad UI
Master SkillThe complete Squad UI skill for Claude Code — every component, CLI tool, sub-skill, design token, and integration pattern in one place.
What It Does
This master skill gives Claude Code complete knowledge of the entire Squad UI library. It can:
- Install and configure
@thesqd/squad-ui in any Next.js project - Use any of the 43 components with correct props and patterns
- Run CLI commands (
list, info, docs, init) - Delegate to Auth Setup and File Upload sub-skills
- Apply design tokens and CSS custom properties
- Fetch component documentation on demand
- Troubleshoot common issues (CSS order, types, installs)
Includes Sub-Skills
Auth Setup
Google OAuth + employee verification via Supabase. Triggered by 'set up auth'.
File Upload
S3 presigned URLs or Supabase Storage. Triggered by 'add file upload'.
Key Capabilities
CLI Integration
list, info, docs, init — Claude knows every CLI command and when to use them.
Documentation Access
Can fetch any component's full markdown docs from GitHub on demand.
Sub-Skill Delegation
Automatically delegates to auth-setup or file-upload skills when triggered.
Design Tokens
Knows all CSS custom properties, colors, spacing, shadows, and typography tokens.
How to Install
Installation Steps
- Click "Copy Install Command" above
- Paste into Claude Code and hit enter
- Restart Claude Code (
/exit then reopen) - Open any project and ask Claude to use Squad UI
This master skill replaces the need to install auth-setup and file-upload skills separately — it includes both.
