vidsheet

[](LICENSE)

Paste a YouTube link, provide your API keys, get structured content analysis + a comic-book style infographic. Zero sign-up, stateless, BYO keys.

Browser (React/Vite/TypeScript)
  |
  +---> POST /api/analyze
  |       |-> YouTube transcript extraction
  |       |-> Anthropic Claude analysis
  |       |-> Returns: structured JSON (TLDR, takeaways, social hook)
  |
  +---> POST /api/generate-image
          |-> Google Gemini image generation
          |-> Returns: base64 PNG infographic

1. Paste a YouTube URL into the input field
2. Enter your API keys (Anthropic + Google Gemini) -- keys are used per-request and never stored
3. Get results -- structured analysis card + downloadable comic-book infographic

python -m venv .venv
source .venv/bin/activate
pip install -r requirements.txt
uvicorn api.index:app --reload --port 8000

cd frontend
npm install
npm run dev

The Vite dev server proxies /api requests to localhost:8000.

make run

pip install pytest
pytest

| Layer | Technology | |-------|-----------| | Frontend | React 19, Vite, TypeScript, Tailwind CSS v4 | | Backend | FastAPI, Python 3.12+ | | AI Analysis | Anthropic Claude (claude-sonnet-4-20250514) | | Image Generation | Google Gemini (gemini-3.1-flash-image-preview) | | Transcript | youtube-transcript-api | | Hosting | Vercel (static + serverless Python) |

• mcp-content-pipeline -- the MCP server this app wraps

MIT