Sponsor

Stageshow

Faux product UI stills, cursor demos and bento grids that look like the real product

View SKILL.md

About

Helps a coding agent build faux product UI in React and plain CSS: browser and app windows, dashboards, phones, notifications, bento grids and animated cursor walkthroughs, framed for a hero, feature card or docs page. It ships a portable React kit, 69 example scenes (gold examples, specimen sheets and real-product studies of Figma, Linear, Slack, Raycast and others), bad and good teaching pairs, guidance on composition, framing and motion, and filming scripts so the agent can record its own result and check it before handing over. A local playground previews every example.

Install

Works with Claude Code, Cursor, Codex, OpenCode

Access

High

What this skill's own files let it touch on your machine and accounts. Access isn't a verdict: check the publisher and the security audits too.

  • Bundles scripts
  • Runs shell commands
  • Writes files in your project
  • Uses the network
  • No credentials needed

Bundles Node scripts that run a local Vite preview and film it with playwright-core and your locally installed Chrome; they write stills, contact sheets and JSON reports. Network use is limited to npm install for the playground dependencies, and the playground does not fetch fonts or photos at runtime. No credentials. Needs Node 20.19 or later. Bundled app icons and brand marks keep their owners' terms (see NOTICE.md).

Reviewed from source on Oct 31, 2026. Read the files yourself before installing.

More Design skills

All skills
All articles