git404hub

what is hypershots fr?

hypersocialinc/hypershots — explained in plain English

Analysis updated 2026-05-18

20ShellAudience · vibe coderComplexity · 2/5LicenseSetup · easy

tl;dr

HyperShots is an AI coding agent skill that generates App Store screenshots, using exact HTML rendering for device frames and specs, with optional AI art.

vibe map

mindmap
  root((repo))
    What it does
      Builds App Store screenshots
      Mixes exact layout with AI art
      Validates store specs
    Tech stack
      Shell
      HTML and CSS
      Headless Chrome
      Node
    Use cases
      Ship App Store screenshot sets
      Translate screenshots per locale
      Add sticker art to panels
    Audience
      Vibe coders
      Mobile app developers
      Indie app makers
    Workflow
      Answer brief questions
      Render panels
      Validate output
    Options
      Works without any AI
      Optional generated stickers
      Optional style grade

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Generate a full set of App Store screenshots ready to upload to App Store Connect.

VIBE 2

Translate an existing screenshot set into another language with one command.

VIBE 3

Add AI generated sticker artwork or a style grade to marketing screenshots.

VIBE 4

Validate that rendered screenshots meet Apple's exact dimension and format rules before submitting.

what's the stack?

ShellHTMLCSSNodeChromeImageMagick

how it stacks up fr

hypersocialinc/hypershotsabuzar-ansarii/androidlinux-gpuflashpoint493/unreal-angelscript-skills
Stars202020
LanguageShellShellShell
Setup difficultyeasymoderateeasy
Complexity2/52/52/5
Audiencevibe coderdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

Requires Chrome and Node, AI sticker and style-grade features need a separate fal.ai key.

MIT license for the code, use freely for any purpose including commercial use as long as you keep the copyright notice, bundled fonts use the SIL Open Font License.

in plain english

HyperShots is a tool that generates App Store screenshots for mobile apps, built as an installable skill for AI coding agents like Claude Code and Codex. Instead of asking an image model to generate the whole marketing screenshot in one shot, which tends to produce warped device frames and blurry text, HyperShots splits the work: it uses precise HTML and CSS rendered through headless Chrome for anything Apple has strict rules about, like device frame geometry and exact pixel dimensions, and only uses AI image generation for the parts that benefit from it, like decorative sticker artwork or an optional background style. You install it with a single command, and then you talk to your coding agent in plain language, telling it where your raw app screenshots are. The agent asks a short set of questions about your app's positioning, how many panels you want, and what devices to target, then writes custom HTML layouts and renders them into PNG files sized exactly to Apple's requirements. A built in validator checks every rendered image for correct dimensions, transparency, and color profile before you upload anything. It also supports translating the same screenshot set into other languages in one command, automatically shrinking headlines so translated text still fits inside the device frame. All of the required parts of the pipeline, meaning Chrome and Node, work without any AI service at all. The optional AI features, like generated sticker art or a style grade, need a separate API key and are entirely opt in. It is released under the MIT license, with its bundled fonts under the SIL Open Font License.

prompts (copy fr)

prompt 1
Install the hypershots skill and make App Store screenshots from my captures folder.
prompt 2
Explain how HyperShots decides what to render deterministically versus with AI.
prompt 3
Help me translate my HyperShots screenshot set into Spanish using auto-fit headlines.
prompt 4
Walk me through validating a rendered panel set against Apple's store specs.
prompt 5
How do I use HyperShots without enabling any of its AI features?

Frequently asked questions

what is hypershots fr?

HyperShots is an AI coding agent skill that generates App Store screenshots, using exact HTML rendering for device frames and specs, with optional AI art.

What language is hypershots written in?

Mainly Shell. The stack also includes Shell, HTML, CSS.

What license does hypershots use?

MIT license for the code, use freely for any purpose including commercial use as long as you keep the copyright notice, bundled fonts use the SIL Open Font License.

How hard is hypershots to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is hypershots for?

Mainly vibe coder.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.