Skip to content
Back to skills

Silent Product Demo

ASecurity

Produce a designed, silent product demo from real UI with camera moves and concise on-screen words. Use for feature launches, announcements, and social clips that should work without narration.

  • 214 stars
  • 0 votes
  • 0 copies
  • 0 views
  • Added October 1, 2026
design

Works with

  • cursor
  • cli

Security analysis

A100/100

Pro scans all 13 files and shows the line behind each finding

Scanned October 1, 2026

npx -y skills add NeverSight/skills_feed --skill silent-product-demo --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Silent Product Demo?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Silent Product Demo
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/neversight-silent-product-demo/badge)](https://www.skillsdirectory.com/skills/neversight-silent-product-demo)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
---
name: silent-product-demo
description: Produce a designed, silent product demo from real UI with camera moves and concise on-screen words. Use for feature launches, announcements, and social clips that should work without narration.
---

# Silent product demo

Show one feature being used and the result it creates. The interface, cursor, and camera carry the story. On-screen text may name a beat or clarify an outcome, but it should not narrate every click.

## Plan the sequence

Identify the real starting state, the user's decision, the app's response, and the final outcome. Make a short storyboard with time, screen state, pointer action, camera focus, and any text. Start with something legible and meaningful on frame one.

Use the real app as the authority. Capture it directly, or build a frame-accurate port from its UI source when a designed camera or extreme zoom requires one. Preserve actual labels, layout, and interaction states. Do not invent controls, results, or supported integrations.

## Direct the motion

- Move the camera to make the current action easier to see, then let it settle before the next action.
- Place a cursor only for a decision. Confirm its tip touches the target when the pressed state appears.
- Keep each beat focused on one subject. Remove old props or text when the story moves on.
- Use the product's motion timing and visual tokens. In frame-based rendering, calculate animation from frame or time explicitly so every render is deterministic.
- Let transitions connect related states. A direct cut is fine when continuity adds no information.

Render stills at the first frame, each action, every transition midpoint, and the final frame before committing to full exports. Then watch the rendered files muted. Check that the feature is understandable, text remains readable at phone size, no interaction misses, and each aspect ratio preserves the outcome. Make a cover for each requested format.

Files in this skill

  • SKILL.md1.9 KB
  • description_ar.txt391 B
  • description_cn.txt184 B
  • description_de.txt268 B
  • description_en.txt194 B
  • description_es.txt268 B
  • description_fr.txt304 B
  • description_it.txt240 B
  • description_ja.txt270 B
  • description_ko.txt227 B
  • description_ru.txt447 B
  • description_tw.txt178 B
  • stats.json68 B

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…