21st Labs builds agent skills for working on user interfaces, with a focus on React, shadcn and Tailwind CSS projects. Its skills let an agent search and install components, themes and templates from the 21st.dev catalog, build and review production UI against a project's existing design system, explore alternative visual directions, and publish a project's design tokens or components back to the catalog. Its most distinctive work is a chat and agent UI toolkit for React 19 and Tailwind v4 covering streaming chat, tool-call displays and plan approval.
Agent Elements
1 skills · 110 stars · MIT
Agent Elements Use whenever the user wants to build or modify a chat, agent, or tool-calling
UI in a React 19 +…
Skill
7 skills · 35 stars · Apache-2.0
21St Ai Generate and iterate on UI with 21st AI from the terminal via the `21st` CLI (`@21st-dev/cli`): s…
21St Cli Use Search, install and pull code from the 21st.dev catalog with the `21st` CLI (`@21st-dev/cli`): fi…
21St Design Sync Look at the current project's design (its shadcn / Tailwind CSS variables and color tokens) and p…
21St Registry Publish your own work to 21st.dev and manage it from the terminal with the `21st` CLI (`@21st-dev…
21St Ui Build Build or substantially change production UI using the current project's design context, existing…
21St Ui Explore Explore and compare multiple meaningfully different UI directions grounded in the current project…
21St Ui Review Review existing UI against the project's design context, accessibility expectations, responsive b…