Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Integrate excalidraw-mcp as a first-class diagramming feature

Offen
  • Stimmt etwas nicht?
#11 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

@jerelvelarde arbeitet bereits daran.

Seit 19.3.2026.

  • #15 von @jerelvelarde — offen

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
48/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
typescript
Bereich
api, documentation, frontend

Rechercherichtung

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.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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

Vorherrschende Sprache
TypeScript
Sterne
3.9k
Forks
414
Ø Merge
4 Std.
Gemergte PRs (30 T.)
6

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus CopilotKit/OpenIntelligentUI

Alle Issues in CopilotKit/OpenIntelligentUI

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.