copilotkit-pitch-deck

Automate CopilotKit and LangGraph pitch deck wizard setup and troubleshooting.

Updated Oct 12, 2025
One-click install
npx skills add https://github.com/amo-tech-ai/medellin-spark --skill copilotkit-pitch-deck
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: copilotkit-pitch-deck
Source: https://github.com/amo-tech-ai/medellin-spark/tree/main/.claude/archive/skills/copilotkit-pitch-deck
Command: npx skills add https://github.com/amo-tech-ai/medellin-spark --skill copilotkit-pitch-deck

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @copilotkit/react-core, @copilotkit/react-ui, react, vite, @supabase/supabase-js, openai.

What problem does it solve?

This Skill simplifies the complex task of implementing and troubleshooting an AI-powered pitch deck wizard using CopilotKit Cloud API and Supabase Edge Functions. It provides clear guidance to build, maintain, and debug AI conversation features, saving you integration headaches.

Core Features & Use Cases

  • AI Chat Interface Integration: Guides through setting up and enhancing the CopilotKit chat interface for pitch deck generation.
  • Edge Function Optimization: Provides patterns for secure and performant integration with Supabase Edge Functions for AI logic.
  • Progress Tracking & Generation: Helps implement and debug the 0-100% progress bar and the "Generate Deck" functionality.
  • Use Case: When building new AI conversation features for your pitch deck wizard, use this skill to ensure smooth integration, debug API key issues, and optimize performance.

Quick Start

Start dev server

cd /home/sk/template-copilot-kit-py pnpm dev

Open: http://localhost:8080/pitch-deck-wizard

Send: "I want to create a pitch deck for TestCorp"

Frequently Asked Questions about copilotkit-pitch-deck

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up an AI-powered pitch deck wizard with CopilotKit and Supabase Edge Functions?

Set up an AI pitch deck wizard by configuring CopilotKit's React components, connecting Supabase Edge Functions for backend AI logic, and running the dev server on port 4000. This Skill automates the end-to-end setup, including runtime configuration, API integration, and progress tracking for seamless deployment.

What's the best way to debug API key issues and integration problems between my React frontend and Supabase Edge Functions?

Debug integration issues by applying configuration fixes, URL corrections, and health checks provided in this Skill's troubleshooting workflows. It covers common API key failures, agent naming consistency, and state synchronization problems across the three-tier architecture.

Can I implement a progress bar and generate functionality for an AI conversation feature in my pitch deck?

Yes. This Skill guides implementing 0-100% progress tracking and the Generate Deck functionality using CopilotKit's chat interface and Supabase Edge Functions, with patterns for secure, performant AI logic execution.

Do I need LangGraph integration for my CopilotKit pitch deck wizard?

This Skill includes a CopilotKit + LangGraph pitch deck wizard template. It provides a complete runtime service template and testing workflows that satisfy functional requirements for agent-based conversation flows and state management.

What are the prerequisites for integrating CopilotKit with React and Edge Functions in production?

You'll need React, Vite for bundling, OpenAI API keys, Supabase credentials, and @copilotkit/react-core and @copilotkit/react-ui libraries. This Skill provides configuration guidance and dev scripts to validate your setup before deployment.

How do I test and validate my AI pitch deck wizard before going live?

Use the comprehensive testing workflows, dev scripts, and health checks included in this Skill. It validates runtime service connectivity, agent naming consistency, URL correctness, and data collection across your frontend, runtime, and agent layers.