Product Showcase

If you've ever tried to explain a complex web app with a single screenshot and three bullet points, you know it doesn't work. This generates full marketing sites with real captured screenshots, animated GIF walkthroughs, and multi-page feature deep-dives that actually show what your product does. It browses your running app (localhost or deployed), captures the key screens and workflows, then builds a deployable site with progressive depth from overview to step-by-step demonstrations. Choose quick for a single landing page, standard for home plus features and how-it-works pages, or thorough for per-feature deep-dives and scenario-driven use case pages. Best for agentic apps, complex dashboards, or anything where the value isn't obvious from static marketing copy.

skills.sh installs: 1.1K
GitHub stars: 1.1K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add jezweb/claude-skills --skill product-showcase --agent claude-code

Installs into .claude/skills of the current project.

Files

Product Showcase Generator

Generate 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."

Especially valuable for complex apps, agentic AI tools, and anything where a static screenshot doesn't convey the value.

Depth Levels

Depth	Output	Duration
quick	Single page — hero, features, CTA. Same as before.	15-20 min
standard	Multi-page site — home, features page, how-it-works with screenshots.	1-2 hours
thorough	Comprehensive site — home, per-feature pages, animated GIF walkthroughs, use cases, comparison page, docs-style demo.	3-6 hours

Default: standard