POC Skill for Claude Code

Generate branded proof-of-concepts from Granola meeting transcripts.

Features

• Extracts POC ideas from client meeting transcripts (via Granola MCP)
• Fetches client branding automatically
• Generates React/Next.js prototypes with Tailwind CSS
• Deploys to Vercel with custom domains
• Tracks engagement with Vercel Analytics

Install

curl -fsSL https://raw.githubusercontent.com/s-max/poc-skill/main/install-poc.sh | bash

Then open Claude Code and run /poc. First run will:

1. Auto-install frontend-design plugin
2. Auto-configure Granola MCP
3. Prompt you to authenticate Granola via /mcp (required each session)

Usage

/poc                    # Extract idea from most recent meeting
/poc acme               # Search for Acme meeting, extract idea
/poc ideas              # Get 3 POC ideas from recent meeting
/poc acme brainstorm    # Get 3 ideas from Acme meeting
/poc acme Innovation Radar - market intelligence dashboard

Requirements

• Claude Code
• Granola account (for meeting transcripts)
• Vercel account (for deployment)
• Bun runtime

What Gets Installed

The installer:

1. Extracts skill files to ~/.claude/skills/poc
2. Creates config at ~/.config/poc/config.json
3. Sets up project-level hooks in your POC directory

On first /poc run (inside Claude Code):

• Auto-installs frontend-design plugin
• Auto-configures Granola MCP

Repository Structure

├── skill/              # Source files (edit these)
│   ├── SKILL.md
│   ├── scripts/
│   ├── hooks/
│   └── references/
├── build.sh            # Packages skill → poc.skill + install-poc.sh
├── poc.skill           # Packaged skill (auto-generated)
└── install-poc.sh      # Standalone installer (auto-generated)

Note: poc.skill and install-poc.sh are auto-rebuilt on commit when skill/ changes (via pre-commit hook).

To set up hooks after cloning:

git config core.hooksPath .githooks

License

MIT