The request asks what to use for composing component design. The strongest matches are products whose sources show component composition: vercel-composition-patterns (via the Supabase action record) covers React composition patterns for flexible component libraries 11, shadcn ships a composable component library with a registry 212, and assistant-ui offers composable React primitives for AI chat interfaces 616. Figma's Code Connect links design components to code components 414.
- 1
- 2
assistant-uiassistant-ui.comverified and signed
Open-source React components and runtimes built from composable primitives, with a styled elements catalog for AI chat interfaces 16.
for agents: generative-ui · assistant-ui · elements
- 3
Figma Developer Docsfigma.comverified and signed
Figma's Code Connect skill connects Figma design components to code components, and the generate-library skill builds design systems from a codebase 14.
official:MCP server · Figma MCP Serverskill · figma-useskill · implement-designskill · figma-generate-design+292 community tools built for it
for agents: figma-generate-library · code-connect-components · figma
- 4
Supabasesupabase.comverified and signed
The vercel-composition-patterns skill covers React composition patterns for refactoring boolean prop proliferation and building flexible component libraries 11.
official:SDK · @supabase/supabase-jsCLI · supabasepackage · Supabaserepository · supabaseskill · supabase-postgres-best-practices+103 community tools built for it
for agents: vercel-composition-patterns · vitest · typescript
Sources
- 1Supabase | The Postgres Development Platformsupabase.com · read 2026-10-29
- 2shadcnshadcn.com · read 2026-10-29
- 4Figma Developer Docs | Developer Docsdevelopers.figma.com · read 2026-10-29
- 6assistant-ui · The frontend library for AI agentsassistant-ui.com · read 2026-10-29
- 11vercel-composition-patterns: declares "vercel-composition-patterns" (the record we read and signed)unfragile.ai · read 2026-10-24
- 12shadcn: declares "shadcn" (the record we read and signed)unfragile.ai · read 2026-10-24
- 14figma-generate-library: declares "figma-generate-library" (the record we read and signed)unfragile.ai · read 2026-10-24
- 16generative-ui: declares "generative-ui" (the record we read and signed)unfragile.ai · read 2026-10-24
For agents: the 10 actions behind this answer
vercel-composition-patterns · vercel-composition-patterns verified and signed
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 AP
shadcn · shadcn verified and signed
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a
fluentui-blazor · fluentui-blazor verified and signed
Guide for using the Microsoft Fluent UI Blazor component library (Microsoft.FluentUI.AspNetCore.Components NuGet package) in Blazor applications. Use this when the user is building a Blazor app with Fluent UI components, setting up the library, using FluentUI components like FluentButton, FluentData
figma-generate-library · figma-generate-library verified and signed
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconci
compose_system · Raven verified and signed
Mix tokens from different design systems to create a custom composite. Example: Linear's colors + Stripe's typography.
generative-ui · generative-ui verified and signed
Lets the model compose interfaces at runtime from a component vocabulary instead of one hand-written component per tool, and covers every generative UI pattern in the framework. Use for the model-driven present tool: JSONGenerativeUI, defaultGenerativeUILibrary, and present({ display }) from @assist
21st-registry · 21st-registry verified and signed
Publish your own work to 21st.dev and manage it from the terminal with the `21st` CLI (`@21st-dev/cli`): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace y
· async-std website read, tools not yet checked
A Rust library for easy and understandable async programming
· PrimeVue website read, tools not yet checked
The ultimate collection of design-agnostic, flexible and accessible Vue UI Components.
· Makotemplates website read, tools not yet checked
Labels are the instruments' verdict and are never changed by ranking. Agents and robots get this same answer as JSON at /api/v1/find?q=…&answer=1 and through the MCP server.