菜单
Production-ready CopilotKit pitch deck wizard in main application. Use when enhancing AI conversation features, optimizing Edge Function integration, debugging chat interface, or improving pitch deck generation flow. System is PRODUCTION READY (98/100).
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Control Chrome browser through MCP for testing, debugging, network analysis, and performance profiling. Use when testing web apps, measuring Core Web Vitals, analyzing network requests, debugging console errors, or when the user mentions Chrome DevTools, performance traces, or browser automation.
Runs pre-commit checks and validates code quality. Use when preparing commits, running pre-deploy checks, or validating code before deployment.
Generate and refactor React + TypeScript components with Tailwind CSS for Medellin Spark. Use when building new UI components, creating dashboards, forms, cards, or wizards. Automatically includes accessibility, responsive design, and Vite-compatible code with optional tests.
Guides through AI pitch deck generation workflow and troubleshooting. Use when creating pitch decks, debugging wizard errors, troubleshooting Edge Functions, or working with the PitchDeckWizard component.
Production deployment checklist and procedures for Medellin Spark. Use when deploying to production, performing releases, or setting up production infrastructure.
Expert prompt engineering for Claude 4 models (Sonnet 4.5). Use when crafting prompts, optimizing AI responses, implementing chain-of-thought, or improving prompt clarity and effectiveness. Specializes in Claude-specific techniques and best practices.
| name | copilotkit-pitch-deck |
| description | Production-ready CopilotKit pitch deck wizard in main application. Use when enhancing AI conversation features, optimizing Edge Function integration, debugging chat interface, or improving pitch deck generation flow. System is PRODUCTION READY (98/100). |
Maintain and enhance the production-ready CopilotKit pitch deck wizard in the main Medellin Spark application. Uses CopilotKit Cloud API + Supabase Edge Functions (NOT LangGraph three-tier architecture).
Current Production Setup:
Frontend (:8080) --> Supabase Edge Functions --> OpenAI API
React 19 + Vite Deno Runtime (cloud) GPT-4o-mini
Key Components:
src/pages/PitchDeckWizard.tsx - CopilotKit v1.10.6 with chat interfacesupabase/functions/ - pitch-deck-assistant, generate-pitch-deck, chatTracker: /home/sk/template-copilot-kit-py/mvp-plan/progress/00-PRODUCTION-READINESS-TRACKER.md
Latest Validation: /home/sk/template-copilot-kit-py/mvp-plan/progress/01-FINAL-PRODUCTION-VALIDATION.md
CopilotKit Integration (src/pages/PitchDeckWizard.tsx:189-192):
<CopilotKit
publicApiKey={import.meta.env.VITE_COPILOT_CLOUD_PUBLIC_API_KEY}
showDevConsole={import.meta.env.DEV}
>
{/* Chat interface and wizard content */}
</CopilotKit>
Edge Functions (All ACTIVE):
Features Working ✅:
Build Performance:
Build Time: 4.71s ✅ (Target: <5s)
Bundle Size: 554KB ✅ (50% reduction from 1,109KB)
Gzip: 151KB ✅ (73% compression)
Warnings: 0 ✅
Production Quality:
TypeScript Errors: 0 ✅
Linter Warnings: 0 ✅
Routes Working: 24/24 ✅
Security Score: 100% ✅
Overall Score: 98/100 ✅
Cause: Edge Function connection issue Check:
# Verify Edge Functions deployed
supabase functions list
# Check function logs
supabase functions logs pitch-deck-assistant --tail
Fix: Ensure all Edge Functions deployed and ACTIVE
Cause: Missing or invalid OpenAI API key in Edge Function Check: Edge Function secrets
# View secrets (won't show values)
supabase secrets list
# Set OpenAI key if missing
supabase secrets set OPENAI_API_KEY=sk-...
Fix: Ensure OPENAI_API_KEY set as Supabase secret
Cause: Edge Function not returning completeness data Check: Browser console for response data Debug:
// In PitchDeckWizard.tsx - check response structure
console.log('Response from Edge Function:', response);
// Should include: { completeness: number, ... }
Cause: TypeScript errors or missing dependencies Check:
# Type check
pnpm tsc --noEmit
# Check for missing dependencies
pnpm install
Fix: Resolve TypeScript errors before building
Cause: Port conflicts or build cache Fix:
# Kill any processes on port 8080
lsof -ti :8080 | xargs kill -9
# Clear Vite cache
rm -rf node_modules/.vite
# Restart dev server
pnpm dev
cd /home/sk/template-copilot-kit-py
pnpm dev
Expected:
VITE v7.x ready in 234 ms
➜ Local: http://localhost:8080/
URL: http://localhost:8080/pitch-deck-wizard
Check:
/presentations/{id}/outline# Build for production
pnpm build
# Should complete in <5s with 0 warnings
# Check output for bundle sizes
src/pages/PitchDeckWizard.tsx - CopilotKit integration and chat interfacesrc/lib/apiClient.ts - Edge Function API callspackage.json - Dependencies and build scriptsvite.config.ts - Build configuration (optimized with code splitting)supabase/functions/chat/index.ts - OpenAI proxy (v16)supabase/functions/pitch-deck-assistant/index.ts - Conversation handler (v26)supabase/functions/generate-pitch-deck/index.ts - Deck generator (v28)supabase/functions/agent-example/index.ts - Agent SDK demo (v8)supabase/migrations/ - Database schema migrationsCLAUDE.md - Project standards and best practicesmvp-plan/progress/00-PRODUCTION-READINESS-TRACKER.md - Production statusmvp-plan/progress/01-FINAL-PRODUCTION-VALIDATION.md - Latest validationSITEMAP-2.md - Complete route mappnpm tsc --noEmit)pnpm lint)supabase functions logsStart Development:
cd /home/sk/template-copilot-kit-py
pnpm dev # Runs on http://localhost:8080
Type Check:
pnpm tsc --noEmit # Should return 0 errors
Production Build:
pnpm build # Should complete in <5s with 0 warnings
Deploy Edge Functions:
# Deploy single function
supabase functions deploy chat
# List all functions
supabase functions list
# View logs
supabase functions logs pitch-deck-assistant --tail
Database Commands:
# Push migrations
npx supabase db push
# Check status
supabase status
Frontend (package.json):
@copilotkit/react-core ^1.10.6 - CopilotKit SDK@copilotkit/react-ui ^1.10.6 - Chat interfacereact ^19.xvite ^7.x@supabase/supabase-js - Supabase clientEdge Functions (Deno runtime):
Required in .env:
# CopilotKit (frontend)
VITE_COPILOT_CLOUD_PUBLIC_API_KEY=your_public_key
# Supabase (frontend)
VITE_SUPABASE_URL=https://your-project.supabase.co
VITE_SUPABASE_ANON_KEY=your_anon_key
# Edge Functions (Supabase secrets)
OPENAI_API_KEY=sk-... # Set via: supabase secrets set
✅ Implemented:
🟡 Optional Enhancements:
/home/sk/template-copilot-kit-py/CLAUDE.md/home/sk/template-copilot-kit-py/mvp-plan/progress/This skill provides complete guidance for the production-ready CopilotKit pitch deck wizard in the main Medellin Spark application.