---
name: "@agentcn"
slug: "agentcn"
description: "Production-ready agents, made simple. Ready to use, customizable AI agent recipes. Built on Eve and Flue."
category: "AI/chat UI"
tags: ["ai", "cards", "charts", "overlays"]
framework: "react"
license: "MIT"
author: "shadcn-labs"
website: "https://agentcn.vercel.app"
github: "https://github.com/shadcn-labs/agentcn"
registry: "https://agentcn.vercel.app/r/registry.json"
pro: false
pro_url: null
github_stars: 341
component_count: 76
generated_at: "2026-07-28T08:00:50.948Z"
---

# @agentcn

Production-ready agents, made simple. Ready to use, customizable AI agent recipes. Built on Eve and Flue.

## Links

- Website: https://agentcn.vercel.app
- GitHub: https://github.com/shadcn-labs/agentcn
- Registry JSON: https://agentcn.vercel.app/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/agentcn
- This file: https://sh4dcn.vercel.app/md/agentcn.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://agentcn.vercel.app/r/registry.json
pnpm dlx shadcn@latest add https://agentcn.vercel.app/r/registry.json
bunx shadcn@latest add https://agentcn.vercel.app/r/registry.json
# clone the source repo
git clone https://github.com/shadcn-labs/agentcn.git
# fetch the raw registry index
curl -s https://agentcn.vercel.app/r/registry.json
```

## Components (76)

| name | type | description | install |
| --- | --- | --- | --- |
| eve/ai-seo-audit | registry:block | Eve agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ~30 checks across six categories into a 0–100 total and returning fail… | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/ai-seo-audit.json` |
| eve/browser-agent | registry:block | Eve agent that drives a real browser with Playwright using a snapshot-and-selector pattern to complete web tasks. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/browser-agent.json` |
| eve/chat-with-pdf | registry:block | Eve agent that indexes a PDF into a vector store and answers questions over it with page-cited retrieval. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/chat-with-pdf.json` |
| eve/chat-with-youtube | registry:block | Eve agent that fetches a video's metadata and transcript, then answers questions with clickable timestamp citations. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/chat-with-youtube.json` |
| eve/claw | registry:block | Eve agent that operates a sandboxed workspace — read/write files and run shell commands — to finish multi-step tasks. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/claw.json` |
| eve/company-knowledge | registry:block | Eve agent that indexes internal documents into a vector store and answers questions over them, with PII redaction. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/company-knowledge.json` |
| eve/csv-to-questions | registry:block | Eve agent that summarizes a CSV dataset to stay within token limits, then generates focused analytical questions. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/csv-to-questions.json` |
| eve/deep-search | registry:block | Eve agent that researches a question, evaluates its own findings, and iterates until the answer is complete and cited. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/deep-search.json` |
| eve/docs-chatbot | registry:block | Eve agent that answers questions about a library's functions by looking up structured documentation. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/docs-chatbot.json` |
| eve/docs-expert | registry:block | Eve agent that answers questions about libraries and APIs by searching the live web and citing sources. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/docs-expert.json` |
| eve/extract-design-md | registry:block | Eve agent that turns a domain into a self-contained DESIGN.md — gathering the styleguide, screenshot, and homepage Markdown from context.dev, then composing th… | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/extract-design-md.json` |
| eve/feedback-summary | registry:block | Eve agent that retrieves, categorizes, and summarizes customer feedback into an executive report with recommendations. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/feedback-summary.json` |
| eve/flashcards-pdf | registry:block | Eve agent that turns a PDF into study flash cards, with optional AI-generated images per concept. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/flashcards-pdf.json` |
| eve/github-review | registry:block | Eve agent that fetches a GitHub pull request and returns adaptive, file-by-file code review feedback. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/github-review.json` |
| eve/google-sheets | registry:block | Eve agent that reads, analyzes, and edits Google Sheets via the Sheets API. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/google-sheets.json` |
| eve/meeting-notes | registry:block | Eve agent that turns a raw meeting transcript into a structured summary, decisions, and action items. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/meeting-notes.json` |
| eve/slack-agent | registry:block | Eve agent that replies to Slack mentions and DMs, threaded, via the Slack Web API. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/slack-agent.json` |
| eve/text-to-sql | registry:block | Eve agent that introspects a database schema, converts questions to SQL, and runs read-only queries. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/text-to-sql.json` |
| eve/weather | registry:block | Eve agent that looks up current weather for a location via the Open-Meteo API. | `npx shadcn@latest add https://agentcn.vercel.app/r/eve/weather.json` |
| flue/ai-seo-audit | registry:block | Flue agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ~30 checks across six categories into a 0–100 total and returning fai… | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/ai-seo-audit.json` |
| flue/browser-agent | registry:block | Flue agent that drives a real browser with Playwright using a snapshot-and-selector pattern to complete web tasks. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/browser-agent.json` |
| flue/chat-with-pdf | registry:block | Flue agent that indexes a PDF into a vector store and answers questions over it with page-cited retrieval. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/chat-with-pdf.json` |
| flue/chat-with-youtube | registry:block | Flue agent that fetches a video's metadata and transcript, then answers questions with clickable timestamp citations. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/chat-with-youtube.json` |
| flue/claw | registry:block | Flue agent that operates a sandboxed workspace — read/write files and run shell commands — to finish multi-step tasks. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/claw.json` |
| flue/company-knowledge | registry:block | Flue agent that indexes internal documents into a vector store and answers questions over them, with a scheduled re-index workflow and PII redaction. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/company-knowledge.json` |
| flue/csv-to-questions | registry:block | Flue agent that chains a summarizer and a question-generator through a workflow to turn a CSV into analytical questions. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/csv-to-questions.json` |
| flue/deep-search | registry:block | Flue agent that fans research out to searcher and evaluator subagents, iterating through a bounded workflow until the answer is cited and complete. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/deep-search.json` |
| flue/docs-chatbot | registry:block | Flue agent that answers questions about a library's functions by looking up structured documentation. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/docs-chatbot.json` |
| flue/docs-expert | registry:block | Flue agent that answers questions about libraries and APIs by searching the live web and citing sources. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/docs-expert.json` |
| flue/extract-design-md | registry:block | Flue workflow that turns a domain into a self-contained DESIGN.md — gathering the styleguide, screenshot, and homepage Markdown from context.dev, then composin… | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/extract-design-md.json` |
| flue/feedback-summary | registry:block | Flue agent that retrieves, categorizes, and summarizes customer feedback into an executive report with recommendations. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/feedback-summary.json` |
| flue/flashcards-pdf | registry:block | Flue agent that turns a PDF into study flash cards through a workflow, with optional AI-generated images per concept. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/flashcards-pdf.json` |
| flue/github-review | registry:block | Flue agent that fetches a GitHub pull request and returns adaptive review feedback, with a workflow that emits a typed review. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/github-review.json` |
| flue/google-sheets | registry:block | Flue agent that reads, analyzes, and edits Google Sheets via the Sheets API. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/google-sheets.json` |
| flue/meeting-notes | registry:block | Flue agent that runs a transcript through a workflow to return a structured summary, decisions, and action items. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/meeting-notes.json` |
| flue/slack-agent | registry:block | Flue agent that replies to Slack mentions and DMs, threaded, via the Slack Web API. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/slack-agent.json` |
| flue/text-to-sql | registry:block | Flue agent that introspects a database schema, converts questions to SQL, and runs read-only queries. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/text-to-sql.json` |
| flue/weather | registry:block | Flue agent that looks up current weather for a location via the Open-Meteo API. | `npx shadcn@latest add https://agentcn.vercel.app/r/flue/weather.json` |
| mastra/ai-seo-audit | registry:block | Mastra agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ~30 checks across six categories into a 0–100 total, returning fail… | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/ai-seo-audit.json` |
| mastra/browser-agent | registry:block | A browser-operating agent that interacts with live web pages using Playwright-based tools with accessibility-tree ref ids. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/browser-agent.json` |
| mastra/chat-with-pdf | registry:block | Mastra agent that indexes a PDF into a vector store and answers questions over it with page-cited retrieval and stratified sampling. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/chat-with-pdf.json` |
| mastra/chat-with-youtube | registry:block | A helpful assistant that fetches and analyzes YouTube video transcripts to answer questions, generate summaries, and create chapters. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/chat-with-youtube.json` |
| mastra/claw | registry:block | Mastra agent that operates a sandboxed workspace — read/write files and run shell commands — to finish multi-step tasks. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/claw.json` |
| mastra/company-knowledge | registry:block | Mastra agent that indexes internal documents into a vector store and answers questions over them, with PII redaction. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/company-knowledge.json` |
| mastra/csv-to-questions | registry:block | Mastra agent that summarizes a CSV dataset to stay within token limits, then generates focused analytical questions. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/csv-to-questions.json` |
| mastra/deep-search | registry:block | A multi-agent deep search system that researches questions by clarifying intent, planning queries, evaluating results, and synthesizing answers. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/deep-search.json` |
| mastra/docs-chatbot | registry:block | Mastra agent that answers questions about a library's functions by looking up structured documentation. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/docs-chatbot.json` |
| mastra/docs-expert | registry:block | Mastra agent that answers questions about libraries and APIs by searching the live web and citing sources. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/docs-expert.json` |
| mastra/extract-design-md | registry:block | Mastra agent that turns a domain into a self-contained DESIGN.md — gathering the styleguide, screenshot, and homepage Markdown from context.dev, then composing… | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/extract-design-md.json` |
| mastra/feedback-summary | registry:block | Mastra agent that retrieves, categorizes, and summarizes customer feedback into an executive report with recommendations. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/feedback-summary.json` |
| mastra/flashcards-pdf | registry:block | Mastra agent that turns a PDF into study flash cards, with optional AI-generated images per concept. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/flashcards-pdf.json` |
| mastra/github-review | registry:block | Mastra agent that fetches a GitHub pull request and returns adaptive, file-by-file code review feedback. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/github-review.json` |
| mastra/google-sheets | registry:block | Mastra agent that reads, analyzes, and edits Google Sheets via the Sheets API. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/google-sheets.json` |
| mastra/meeting-notes | registry:block | Mastra agent that turns a raw meeting transcript into a structured summary, decisions, and action items. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/meeting-notes.json` |
| mastra/slack-agent | registry:block | Mastra agent that replies to Slack mentions and DMs, scoped to the thread, via the Slack Web API. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/slack-agent.json` |
| mastra/text-to-sql | registry:block | Mastra agent that introspects a database schema, converts questions to SQL, and runs read-only queries. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/text-to-sql.json` |
| mastra/weather | registry:block | Mastra agent that looks up current weather for a location via the Open-Meteo API. | `npx shadcn@latest add https://agentcn.vercel.app/r/mastra/weather.json` |
| langgraph/ai-seo-audit | registry:block | LangGraph agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ~30 checks across six categories into a 0–100 total, returning f… | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/ai-seo-audit.json` |
| langgraph/browser-agent | registry:block | A browser-operating agent that interacts with live web pages using Playwright-based tools with accessibility-tree ref ids. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/browser-agent.json` |
| langgraph/chat-with-pdf | registry:block | LangGraph agent that indexes a PDF into a vector store and answers questions over it with page-cited retrieval and stratified sampling. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/chat-with-pdf.json` |
| langgraph/chat-with-youtube | registry:block | A helpful assistant that fetches and analyzes YouTube video transcripts to answer questions, generate summaries, and create chapters. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/chat-with-youtube.json` |
| langgraph/claw | registry:block | LangGraph agent that operates a sandboxed workspace — read/write files and run shell commands — to finish multi-step tasks. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/claw.json` |
| langgraph/company-knowledge | registry:block | LangGraph agent that indexes internal documents into a vector store and answers questions over them, with PII redaction. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/company-knowledge.json` |
| langgraph/csv-to-questions | registry:block | LangGraph agent that summarizes a CSV dataset to stay within token limits, then generates focused analytical questions. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/csv-to-questions.json` |
| langgraph/deep-search | registry:block | A multi-agent deep search system that researches questions by clarifying intent, planning queries, evaluating results, and synthesizing answers. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/deep-search.json` |
| langgraph/docs-chatbot | registry:block | LangGraph agent that answers questions about a library's functions by looking up structured documentation. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/docs-chatbot.json` |
| langgraph/docs-expert | registry:block | LangGraph agent that answers questions about libraries and APIs by searching the live web and citing sources. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/docs-expert.json` |
| langgraph/extract-design-md | registry:block | LangGraph agent that turns a domain into a self-contained DESIGN.md — gathering the styleguide, screenshot, and homepage Markdown from context.dev, then compos… | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/extract-design-md.json` |
| langgraph/feedback-summary | registry:block | LangGraph agent that retrieves, categorizes, and summarizes customer feedback into an executive report with recommendations. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/feedback-summary.json` |
| langgraph/flashcards-pdf | registry:block | LangGraph agent that turns a PDF into study flash cards, with optional AI-generated images per concept. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/flashcards-pdf.json` |
| langgraph/github-review | registry:block | LangGraph agent that fetches a GitHub pull request and returns adaptive, file-by-file code review feedback. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/github-review.json` |
| langgraph/google-sheets | registry:block | LangGraph agent that reads, analyzes, and edits Google Sheets via the Sheets API. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/google-sheets.json` |
| langgraph/meeting-notes | registry:block | LangGraph agent that turns a raw meeting transcript into a structured summary, decisions, and action items. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/meeting-notes.json` |
| langgraph/slack-agent | registry:block | LangGraph agent that replies to Slack mentions and DMs, scoped to the thread, via the Slack Web API. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/slack-agent.json` |
| langgraph/text-to-sql | registry:block | LangGraph agent that introspects a database schema, converts questions to SQL, and runs read-only queries. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/text-to-sql.json` |
| langgraph/weather | registry:block | LangGraph agent that looks up current weather for a location via the Open-Meteo API. | `npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/weather.json` |

## For AI agents

```text
You are adding components from @agentcn to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/agentcn.md) for the component list.
2. Fetch the machine-readable index: https://agentcn.vercel.app/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: agentcn).
```