TanStack
New
TanStack Intent
Search...
K
Auto
Log In
Start
RC
Start
RC
Router
Router
Query
Query
Table
Table
DB
beta
DB
beta
AI
alpha
AI
alpha
Form
new
Form
new
Virtual
Virtual
Pacer
beta
Pacer
beta
Hotkeys
alpha
Hotkeys
alpha
Store
alpha
Store
alpha
Devtools
alpha
Devtools
alpha
CLI
alpha
CLI
alpha
Intent
alpha
Intent
alpha
More Libraries
More Libraries
Builder
Alpha
Builder
Alpha
Maintainers
Maintainers
Partners
Partners
Showcase
Showcase
Blog
Blog
Learn
NEW
Learn
NEW
Support
Support
Stats
Stats
YouTube
YouTube
Discord
Discord
Merch
Merch
GitHub
GitHub
Ethos
Ethos
Tenets
Tenets
Brand Guide
Brand Guide
TanStack Intent
/
Registry
/
@fragments-sdk/skills
@fragments-sdk/skills
0.1.0 (latest) — 6 skills
Copy install prompt
Agent skills for Fragments — the design governance platform and UI component library
Skills
(6)
Skills
All Skills
6
fragments/cloud-setup
core
fragments/govern
core
fragments/mcp
core
fragments/policy
core
fragments/ui
core
fragments/ui-setup
core
Skills
6
History
fragments/cloud-setup
core
Set up Fragments Cloud design governance in your project. Installs @fragments-sdk/govern, guides API key configuration, creates a governance config, runs your first check, and optionally adds CI/CD. Use when the user wants to add design governance, connect to Fragments Cloud, run design checks, or set up Fragments governance in their project.
218 lines
fragments/govern
core
Run Fragments design governance checks, review staged changes, and fix violations inline. Use when the user wants to check UI code for design issues, review changes before committing, run a governance check, fix accessibility or consistency problems, or validate code against design policies.
179 lines
fragments/mcp
core
Reference for all Fragments MCP server tools -- component discovery, UI generation, governance validation, design token lookup, performance data, and component graph queries. Use when the user asks how to use Fragments MCP tools, wants to generate UI with AI, validate specs, explore the component graph, or integrate Fragments tools into their agent workflow.
192 lines
fragments/policy
core
Create and manage Fragments design policies from natural language descriptions. Use when the user wants to create a design rule, add a policy, enforce a convention, or customize governance checks.
231 lines
fragments/ui
core
Best practices and usage guide for building with @fragments-sdk/ui components and design tokens. Use when the user is building UI with Fragments components, asks about component usage, theming, token reference, patterns, accessibility, or needs help choosing the right component for a use case.
342 lines
fragments/ui-setup
core
Set up the @fragments-sdk/ui component library in your project. Installs the package, configures theming, sets up the provider, adds the MCP server for AI-assisted development, and creates a sample component. Use when the user wants to add Fragments UI components to their project, set up the design system, or start building with @fragments-sdk/ui.
295 lines