product-showcase

1# Product Showcase Generator
2 
3Generate a marketing website that actually teaches people what a web app does. Not just a hero and feature grid — a multi-page site with real screenshots, animated GIF walkthroughs of workflows, feature deep-dives, and progressive depth from "what is this" to "here's exactly how it works."
4 
5Especially valuable for complex apps, agentic AI tools, and anything where a static screenshot doesn't convey the value.
6 
7## Depth Levels
8 
9| Depth | Output | Duration |
10|-------|--------|----------|
11| **quick** | Single page — hero, features, CTA. Same as before. | 15-20 min |
12| **standard** | Multi-page site — home, features page, how-it-works with screenshots. | 1-2 hours |
13| **thorough** | Comprehensive site — home, per-feature pages, animated GIF walkthroughs, use cases, comparison page, docs-style demo. | 3-6 hours |
14 
15Default: **standard**
16 
17## Browser Tool Detection
18 
19Before starting, detect available browser tools:
20 
211. **Chrome MCP** (`mcp__claude-in-chrome__*`) — preferred for authenticated apps
222. **Playwright MCP** (`mcp__plugin_playwright_playwright__*`) — for public apps
233. **playwright-cli** — for scripted flows
24 
25## Workflow
26 
27### 1. Gather Input
28 
29| Field | Required | Example |
30|-------|----------|---------|
31| App URL | Yes | `https://app.example.com` or `http://localhost:5173` |
32| App name | Yes | "Acme CRM" |
33| Tagline | No | "The CRM that gets out of your way" |
34| Target audience | No | "Small business owners" |
35…