Individual skill
render-imessage-chat
Render a configurable iMessage conversation inside a properly framed phone, then a brand end card. Uses the original send/receive sounds and a shared frame timeline for text, typing, scrolling and sound. Free local Playwright + ffmpeg assembly; optional image/music generation belongs to separate gated capabilities.
skills/video/render-imessage-chat/SKILL.md
Source commit df8298140d434a6363de0c265eb6af2e571d97a5
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 11, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 1,314
- Repository last updated
- Nov 6, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- claude Repository topic
- claude-skills Repository topic
- claudecode Repository topic
- claudecode-skills Repository topic
- codex Repository topic
- cursor Repository topic
- gtm Repository topic
- skills Repository topic
- marketing Derived category
- testing Derived category
- testing-browser Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 13,100 bytesSKILL.mdcore · 13,100 bytesSKILL.mdcore · 13,100 bytesSKILL.mdcore · 13,100 bytesSKILL.mdcore · 13,100 bytesassets/sfx/imessage-receive.mp3asset · 11,812 bytesassets/sfx/imessage-send.mp3asset · 4,324 bytesreferences/imessage-reference.mddoc · 5,373 bytesscripts/chat-driver.jsruns · 6,473 bytesscripts/check-render.pyruns · 6,245 bytesscripts/config.example.jsonasset · 1,756 bytesscripts/end-card.template.htmlasset · 3,593 bytesscripts/mockup/generate.jsruns · 16,294 bytesscripts/mockup/templates/chat.cssasset · 18,495 bytesscripts/mockup/templates/icons.jsruns · 3,386 bytesscripts/package-lock.jsonasset · 1,690 bytesscripts/package.jsonruns · 322 bytesscripts/record-chat.jsruns · 25,651 bytesscripts/render-end-card.jsruns · 14,598 bytesscripts/render.shruns · 992 bytesscripts/sfx-embedded.jsonasset · 22,194 bytesscripts/stitch.shruns · 9,142 bytesskill.meta.jsonasset · 230 bytestests/fixtures/long-group-thread.jsonasset · 3,391 bytestests/smoke-test.mddoc · 1,510 bytestests/test_chat.jsruns · 12,559 bytestests/test_safe_area.jsruns · 10,308 bytestests/test_stitch.pyruns · 13,240 bytes
Read excerpt
> **Superseded:** the video kit now does this with the phone-chat part, version 1.2.0, in the parts folder of this repository. Every phone-chat style is a style file that draws the same screen frame by frame from the plan's scenes, with the original sounds, in the kit's browser. This atom stays, unchanged in behaviour, for skills outside the kit until they move; its scripts still run.
# Human version
Make a texting-story ad with the chosen contact names and phone time, a
proportional phone, an inset Dynamic Island and the original iMessage sounds.
The brand, story and background can change. Images are optional and can appear
anywhere in the conversation; product links and music are optional too.
This rebuild preserves the shell and sounds from the approved Dermwise Goa
build. It fixes missing identity binding, the island touching the screen edge,
light-mode header colors, early/missing group names and capture timing drift.
Every movie frame and sound cue uses the same timeline; browser startup cannot
trim the beginning or ending. No paid API is needed to render or repair the UI.