Demo Creation (2 skills)

Part 1: What You're Getting

This pack gives you 2 Claude Code skills for creating personalized demos for your sales leads. Instead of sending generic pitches, you create a custom demo website and voice agent for each prospect.

Generate Demo Site

Scrapes a lead's existing website, sources relevant stock images, builds a personalized demo website from a Next.js template, and deploys it to Vercel. The demo shows the lead what their business could look like with your AI solution. Great for cold outreach - include a link to their personalized demo in your email.

You need: PEXELS_API_KEY (free from pexels.com - for stock images). VERCEL_TOKEN (from vercel.com - for deployment). ANTHROPIC_API_KEY (for content generation).

Generate Demo Voicebot

Creates a personalized AI voice agent for a lead using VAPI, then embeds it as a web widget on their demo website. The voice agent is trained on the lead's business context - their services, hours, FAQ. Prospects can call it and experience what AI could do for their business.

You need: VAPI_PRIVATE_KEY and VAPI_PUBLIC_KEY (from vapi.ai). Plus the same keys as Generate Demo Site (the voice widget gets embedded on the demo site).

Part 2: Copy-Paste This Into Claude Code

Copy everything below and paste it into Claude Code.

I want you to install and set up the Demo Creation skill pack. Here's what to do:

Step 1 - Install the skills:

Run these commands:

git clone https://github.com/bohdan-aif/cc-demo-creation.git /tmp/cc-demo-creation

cd /tmp/cc-demo-creation && ./install.sh --all

Step 2 - Check my API keys:

Check if I have these environment variables set and help me add any missing to my ~/.zshrc:

Step 3 - Check dependencies:

Make sure I have: python3, node/npm, and pip packages: requests, anthropic, python-dotenv, beautifulsoup4. Install anything missing.

Step 4 - Set up the demo template:

The repo includes a Next.js template at the repo root. Set the DEMO_TEMPLATE_DIR environment variable to point to it:

export DEMO_TEMPLATE_DIR="/tmp/cc-demo-creation/template"

Help me add this to my ~/.zshrc. Also run npm install in the template directory to install dependencies.

Step 5 - Verify Vercel connection:

Test that my VERCEL_TOKEN works by running: npx vercel whoami

If it fails, walk me through setting up Vercel CLI.

Step 6 - Verify installation:

Tell me which skills are ready based on my API keys. If I don't have VAPI keys, confirm that Generate Demo Site still works on its own.

After setup, explain how to use each skill with a real example (e.g., "generate a demo site for a roofing company called Smith Roofing at smithroofing.com").

← Previous
Next →