mirror of
https://github.com/Shubhamsaboo/awesome-llm-apps.git
synced 2026-08-28 19:11:53 +08:00
Shubhamsaboo
121f2868df
Slim the generative_ui_agents example READMEs to user-facing content, removing generic boilerplate (Troubleshooting, Contributing, License sections) and deep internal dev/ops notes that belong in app dev docs. - ai-mcp-app-builder: drop Scripts reference tables, E2B template build, Agent-and-UI internals, React-keys RCA, Render walkthrough, and the lockfile note (144 -> 68 lines) - generative-ui-starter-project: drop boilerplate sections; collapse the repeated npm/pnpm/yarn/bun blocks to a single example (208 -> 162) - ai-financial-coach-agent: drop boilerplate sections; collapse package- manager blocks; rename duplicate "Documentation" heading to "Customization" (137 -> 80) - ai-dashboard-canvas-agent: drop Troubleshooting/Contributing/License (91 -> 69) - mcp-apps-generative-ui-showcase, ai-shadcn-component-generator: drop License section (short demo/deploy sections kept) Short deploy/demo sections retained; no broken references introduced.
AI Dashboard Canvas Agent
https://github.com/user-attachments/assets/9201d528-573f-43cc-9d31-571c362318a7
An agent that populates live charts, metrics, and real-time data into a Canvas dashboard instead of just streaming text. Built with CopilotKit, AG-UI, and Google's ADK.
Gen UI concept — agentic canvas. The chat is a thin sidebar; the real surface is a persistent Canvas the agent writes into. Charts, KPIs, and panels are addressable artifacts the agent can place, update, and rearrange across turns — closer to a collaborator using a whiteboard than a chatbot returning replies.
🔧 Quickstart
# from the awesome-llm-apps repo root
cd generative_ui_agents/ai-dashboard-canvas-agent
# install JS deps + agent
pnpm install # or npm/yarn/bun
# install Python deps separately for the ADK agent
pnpm install:agent
# set your Google API key
cp .env.example .env
# edit .env and set GOOGLE_API_KEY=...
# start UI + agent together
pnpm run dev
📦 Prerequisites
- Node.js 18+
- Python 3.8+
- Google Makersuite API Key → get one here
- Any package manager (pnpm recommended)
💡 Lockfiles (package-lock.json, yarn.lock, etc.) are gitignored — each dev manages their own.
🛠 Available Scripts
dev→ Start UI + agent (default)dev:debug→ Start with debug loggingdev:ui→ Run just the Next.js appdev:agent→ Run just the ADK agentbuild / start→ Production build + serverlint→ Run ESLintinstall:agent→ Install Python deps insideagent/.venv
🎨 Customization
- Main UI →
src/app/page.tsx - Change theme/colors and sidebar appearance
- Add new visualization components
- Extend agent logic in
/agent