https://github.com/berkayildi/vidsheet
YouTube video analysis + comic-book infographic generator.
https://github.com/berkayildi/vidsheet
ai anthropic fastapi gemini infographics mcp python react typescript vercel youtube
Last synced: 3 months ago
JSON representation
YouTube video analysis + comic-book infographic generator.
- Host: GitHub
- URL: https://github.com/berkayildi/vidsheet
- Owner: berkayildi
- License: mit
- Created: 2026-03-31T20:37:46.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-03-31T22:48:56.000Z (3 months ago)
- Last Synced: 2026-04-01T01:19:24.036Z (3 months ago)
- Topics: ai, anthropic, fastapi, gemini, infographics, mcp, python, react, typescript, vercel, youtube
- Language: TypeScript
- Homepage: https://vidsheet.vercel.app
- Size: 53.7 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# 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.
## Architecture
```
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
```
## How It Works
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
## Local Development
### Backend
```bash
python -m venv .venv
source .venv/bin/activate
pip install -r requirements.txt
uvicorn api.index:app --reload --port 8000
```
### Frontend
```bash
cd frontend
npm install
npm run dev
```
The Vite dev server proxies `/api` requests to `localhost:8000`.
### Both (parallel)
```bash
make run
```
### Tests
```bash
pip install pytest
pytest
```
## Stack
| 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) |
## Related
- [mcp-content-pipeline](https://github.com/berkayildi/mcp-content-pipeline) -- the MCP server this app wraps
## License
MIT