Skip to content
Get Friday PicksSubmit

clean-ui-shot: from a chat request to a framed docs screenshot

A 37-second screen recording: the author asks the agent for a screenshot of a slide app's comment mode, picks the clean style, and the skill opens the real app, stages the scene and returns a cropped, shadowed window ready for the docs.

0:00(no audio track)

Video: @1weiho on X, shown with credit. Press play; sound is on unless you mute it.

Why it's here

A reference for what cinematic-shot can make. The creator links the repo in the post itself. We checked the link: github.com/1weiho/skills.

Make one like it

  1. Open the cinematic-shot page and follow the install steps.
  2. Describe the video you want in plain words: subject, length, mood, music.
  3. Let the agent render it, then ask for changes (pacing, colours, text) until it looks right.

Sources & credit

The video belongs to its creator and is shown with credit. Want it removed or credited differently? Tell us.

More reference videos

cinematic-shot launch film: product UIs shot like a movie thumbnailLAUNCH0:51

cinematic-shot launch film: product UIs shot like a movie

The author's 51-second launch reel for cinematic-shot: steep, close camera angles glide over real product pages on a black stage, with a thin band of focus, text typing itself and hard cuts, before ending on the one-line install command.

cinematic-shot@1weiho♥ 636
Two months of landing pages made with AI Design Skills thumbnailAPP DEMO0:14

Two months of landing pages made with AI Design Skills

A 15-second reel of landing pages the author designed in two months with this open-source designer skill, Claude, Cursor and Higgsfield: a blue-tile coastline, a pixel-cloud fintech page, a lighthouse hero, a chef mascot, a puppet-string agent page and a cockpit travel site.

AI Design Skills@elayadesigns♥ 10.8k
Scrawl: a UI bug shown by voice and drawing, then fixed by the agent thumbnailAPP DEMO1:30

Scrawl: a UI bug shown by voice and drawing, then fixed by the agent

The author records a problem while talking and drawing on the screen; Scrawl turns it into marked frames and a timed transcript that the coding agent reads and acts on.

Scrawl@kitlangton♥ 3.2k
A dialog component drawn as an Apple-style spec sheet thumbnailAPP DEMO0:11

A dialog component drawn as an Apple-style spec sheet

The author's 11-second demo of dimensional-drawing: the sheet draws itself line by line, starting on the header close-up, pulling back to the plan view, lifting the layers into an exploded view and ending on the full page of measurements.

dimensional-drawing@enesozturkdev♥ 3.3k
unslop: an AI-looking landing page redesigns itself thumbnailAPP DEMO0:07

unslop: an AI-looking landing page redesigns itself

The author's 8-second demo: a purple, glowing AI-made invoicing landing page is marked up element by element and turns into a calm dark design with its own paper-plane hero, the before/after clip the skill can record for you.

unslop@heydamir♥ 1.6k
Hermes Desktop running in a browser thumbnailAPP DEMO1:05

Hermes Desktop running in a browser

The Hermes web app serves the desktop experience (chat, files, Git, terminal) from your own Hermes host.

Hermes Agent@BearHuddleston♥ 682