app-ui-mockups
Installation
SKILL.md
App UI mockups: chats, terminals, code and notifications for launch videos
Ten UI scenes rebuilt as HTML so they look clean, read at a human pace and render the same every time. Typing, streaming and holds follow measured reading and typing speeds rather than guesses.
Gates
- Invented people, real product. Use invented names and workspaces in chats; never put words in a real person's mouth or show a conversation as genuine when it is not.
- No platform logos. UIs are recognisable look-alikes; the platforms' names, logos and UI looks are their owners' trademarks.
- Free fonts only. Every font in the presets is OFL or Apache. Swap in the person's brand font only if they have a license for video.
- Seek-safe. Every value is a function of timeline time; randomness is seeded by frame. No
Date.now(),requestAnimationFrameor unseededMath.random(). - No credits here. These templates render locally for free. Generated footage, voice or music is the varg-ai skill: call
estimate_costand wait for the person's approval before any generation.
Pick a template
10 templates, 40 presets. Each reference file has the same sections: how the pros do it (every rule cited), presets, timing and numbers, how to build it, mistakes that look amateur, sources. Each JSON file holds the same presets as machine-readable values.