synthetic-ui-demo SKILL.md skillA
synthetic-ui-demo from digitalsamba/claude-code-video-toolkit is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add digitalsamba/claude-code-video-toolkit/synthetic-ui-demo@git:20261107.c6ceae2Pins git:20261107.c6ceae2 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- digitalsamba/claude-code-video-toolkit
- Path
.claude/skills/synthetic-ui-demo/SKILL.md- Versions recorded
- 5
- Latest version
- git:20261107.c6ceae2, committed Nov 7, 2026
- First version recorded
- Oct 28, 2026
- Size
- 10,628 bytes
- Repository stars
- 2,477
- License
- MIT
Product demo and release-notes videos with no screen recording. Rebuild the app's screens as static React from its source code, then drive them in Remotion with a scripted cursor and camera (lib/components Stage + Cursor). Use when making a product walkthrough, feature demo, release-notes or changelog video for an app whose source you can read, or when a Playwright recording would be flaky, need test data, or go stale. Triggers include synthetic demo, rebuild the UI, release video, feature…
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Synthetic UI Demos Nothing is screen-recorded. Claude Code reads the product's repo, rebuilds only the screens a scene shows as static React, and a scripted cursor and camera perform the flow in Remotion. Every click is a frame number, so a scene re-renders identically, never needs a seeded account or a live environment, and is updated by editing code when the product changes. **Reference builds** (read them alongside this skill; both build without the product repos): - `examples/ds-free-schedule-demo`: one 26s flow (schedule a call) with a narrator tile. The simplest complete case. Its `src/Demo.tsx` is a single timeline with every cursor keyframe, click and camera move. - `examples/ds-release-649`: an 80s release-notes video, eight scenes across three apps. `templates/ds-release-notes` is the reusable shape of it (ships as release 650). `src/Release.tsx` sequences the scenes, `src/scenes/` has one file per release item, and `src/room/` and `src/ac/` are the screen kits. ## When to use this vs. Playwright | Synthetic (this skill) | Playwright recording (`/record-demo`) | |---|---| | You can read the app's source | You only have the running app | …
Read the whole file at its exact version.
How to install
mdr add digitalsamba/claude-code-video-toolkit/synthetic-ui-demo@sha256:7f7d8c2582a9b681The line at the top of this page pins the label git:20261107.c6ceae2, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_5aefe3jzquhsk4uq)
2 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 5 versions of this file, between Oct 28, 2026 and Nov 7, 2026, about one every 3 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20261107.c6ceae2 latest | 2026-11-07 | c6ceae2 | 10,628 B | A | view · diff |
| git:20261102.10c5d28 | 2026-11-02 | 10c5d28 | 10,292 B | A | view · diff |
| git:20261028.76dc9ef | 2026-10-28 | 76dc9ef | 8,952 B | A | view · diff |
| git:20261028.5a21fec | 2026-10-28 | 5a21fec | 8,512 B | A | view · diff |
| git:20261028.94ce3ed | 2026-10-28 | 94ce3ed | 8,638 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (10628 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
digitalsamba/claude-code-video-toolkit · 2,477 stars · license MIT · pushed 2026-11-08 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_5aefe3jzquhsk4uq GET https://markdownregistry.com/api/v1/resolve?ref=digitalsamba/claude-code-video-toolkit/synthetic-ui-demo GET https://markdownregistry.com/api/v1/blob/7f7d8c2582a9b6812f716697240465868e73591deacb144be066a58acafb0004
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.