LangGraph是一个用于开发前端和代理服务的工具，支持LangGraph代理与MCP服务器的连接和工具调用。
pnpm add -g @langchain/langgraph-cli
touch .env
在里面添加以下内容 .env 根：
LANGSMITH_API_KEY=lsv2_...
我们建议运行 前端和代理分开 在不同的终端中调试错误和日志：
# Terminal 1 - Frontend
pnpm run dev-frontend
# Terminal 2 - Agent
pnpm run dev-agent-js
或者，您可以同时运行这两个服务：
pnpm run dev
然后，打开 http://localhost:3000 在您的浏览器中。
代码库分为两个主要部分：
/agent 文件夹 –连接到MCP服务器并调用其工具的LangGraph代理。/app 文件夹 –使用CopilotKit进行UI和状态同步的前端应用程序。为AI编码工具提供Figma设计数据访问，实现一键式设计实现。
MarkItDown-MCP是一个轻量级的Markdown转换服务，支持通过STDIO、Streamable HTTP和SSE协议调用，适用于将各种URI资源转换为Markdown格式。
Everything MCP Server 是一个用于完整展示和测试 MCP 协议功能的参考服务器，通过 prompts、tools、resources、sampling 等能力帮助 MCP 客户端开发者验证和调试客户端实现。
EverArt MCP Server是一个通过EverArt API为Claude Desktop提供图像生成服务的工具，支持多种模型和配置选项。
Semgrep MCP服务器是一个用于扫描代码安全漏洞的工具，支持多种编程语言和集成开发环境。
一个多功能的网页内容抓取服务器，支持HTML、JSON、纯文本、Markdown、可读文章内容和YouTube字幕的提取。
