Agent Elements

21st-dev/agent-elements/skills/agent-elements

作者 21st-devb04b36cb6381a1dd1a0e86cc7c90564ddcd56d37无许可证104 个星标收录于 2026年10月9日更新于 2026年10月9日仓库5个月前更新

Use whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from `@/components/agent-elements/*` or the project has that folder on disk. Triggers: "agent chat", "tool call UI", "streaming chat", "plan approval", "AgentChat", "InputBar", "tool renderer", mentions of Agent Elements, or requests to add a new agent surface with shadcn. Do NOT use for plain chat UIs that don't need tool/plan/approval cards, or for projects already committed to a different agent UI kit.