Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Integrate excalidraw-mcp as a first-class diagramming feature

未关闭
#11 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

@jerelvelarde 已经在做这个了。

开始于 2026年3月19日。

  • #15 来自 @jerelvelarde —— 未关闭

评估

难度
3/5
预计耗时
1-2 天
新手友好度
48/100
Issue 类型
功能
描述清晰度
基本清楚
活跃度
停滞
技术栈
typescript

调研方向

Start with apps/app/src/app/api/copilotkit/route.ts:24-29 and inspect use-example-suggestions.tsx, then review the README. Done means the MCP server uses the descriptive ID, diagramming suggestions are visible, and the README explains the Excalidraw integration and its capabilities; local development support is optional.

由索引模型根据 Issue 内容生成。

描述

enhancement

Summary

Deepen the integration with excalidraw-mcp beyond the current minimal config (a single remote URL in route.ts). The goal is to make diagram generation a showcase feature of this template — on par with the todo list — so developers see how MCP Apps work with CopilotKit's agent state pattern.

Current State

The runtime already points to https://mcp.excalidraw.com as a default MCP server (apps/app/src/app/api/copilotkit/route.ts:24-29), but:

  • There's no UI affordance showing users they can ask the agent to draw diagrams
  • No example prompts or suggestions mention diagramming
  • The serverId is a generic "example_mcp_app" rather than something descriptive
  • No documentation on what the Excalidraw MCP integration enables

Proposed Changes

  1. Rename the MCP server ID from "example_mcp_app" to "excalidraw" for clarity
  2. Add diagramming-related chat suggestions in use-example-suggestions.tsx (e.g. "Draw an architecture diagram of this app", "Sketch out a flowchart for the todo lifecycle")
  3. Add a section to the README explaining the Excalidraw MCP integration and what users can do with it
  4. Optional: local dev support — add instructions or a script for running excalidraw-mcp locally via npx or Docker, so the demo works offline / without the hosted endpoint

Why

This repo is a template for developers evaluating CopilotKit. Showing MCP Apps integration with a compelling visual tool like Excalidraw makes the demo significantly more impressive and helps developers understand the MCP Apps pattern.

References

主要语言
TypeScript
星标
3.9k
派生
414
平均合并
4 小时
30 天内合并 PR
6

环境准备

  • 没有 Dockerfile 或 Docker Compose 文件
  • 没有 Pull Request 模板
  • 阅读贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

CopilotKit/OpenIntelligentUI 的其他 Issue

查看 CopilotKit/OpenIntelligentUI 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。