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(), requestAnimationFrame or unseeded Math.random().
  • No credits here. These templates render locally for free. Generated footage, voice or music is the varg-ai skill: call estimate_cost and 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.

Installs
1
Repository
varghq/skills
GitHub Stars
21
First Seen
4 days ago