Spyder

Spyder is a cyber-styled UI recon tool that ingests a short product video, extracts key frames, and uses Gemini to generate a recreated HTML demo plus structured metadata (title, description, features). It stores results locally and lets you review each demo alongside its JSON intelligence report.

Run Locally

Prerequisites: Node.js

1. Install dependencies: npm install
2. Set API_KEY in .env.local to your Gemini API key
3. Run the app: npm run dev

How it works

• Upload a short screen capture video of a UI or app.
• Spyder extracts frames, sends them to Gemini, and receives JSON output.
• Each recon entry includes a thumbnail, description, feature list, and a live HTML demo.