Documentation

Ship store screenshots faster.

Short guide for makers: start free in the browser, or operate StoreFrame from Cursor / Claude with AI Connect.

Getting started

  1. Open aistoreframe.shop and sign in with Google.
  2. Pick an iPhone or iPad template from the catalog, or start from Custom Studio.
  3. Upload product screens, edit copy, type size, colors, and accents across five frames.
  4. Export a high-resolution PNG ZIP. Free keeps a preview signature in the editor; exports within your monthly quota are clean (no watermark).

Plans at a glance

  • Free — 3 clean exports / month, 3 projects, essential templates, preview signature in the editor only.
  • Pro — 50 clean exports / month, Pro templates, clean preview, AI template search, AI Connect.
  • Max— unlimited clean exports & projects, full catalog, AI search, AI Connect, priority support.

See live pricing and checkout on the Pricing page. Renewals extend remaining membership time; downgrades wait until the higher plan expires.

AI Connect (Pro / Max)

Create a Bearer API key under Your work → Agent API keys, then install the skill pack so Cursor or Claude can search templates, import YAML packs, and request export sessions from chat.

ZIP=/tmp/storeframe-agent.zip
curl -fsSL "https://aistoreframe.shop/skills/storeframe-agent.zip" -o "$ZIP"
mkdir -p .claude/skills ~/.codex/skills
unzip -o "$ZIP" -d .claude/skills
unzip -o "$ZIP" -d ~/.codex/skills
rm "$ZIP"

Prefer copying the full AI Connect prompt from the homepage — it includes install, auth, and both workflows.

After install, read SKILL.md and API.md. Auth header: Authorization: Bearer sf_...

YAML template packs

Author five-frame packs locally with the companion skill storeframe-template-from-brief, then import or re-import via the Agent API. Keep the YAML as source of truth; iterate copy and colors in chat, preview in the browser editor.