Generate finished App Store / Play Store screenshots directly from your terminal.
Setup
Requires APPSCREENSHOTSTUDIO_API_KEY in your environment. Get a key at https://appscreenshotstudio.com/settings (requires an account with credits).
When to use this skill
Use when the user says: "generate screenshots", "App Store screenshots", "Play Store screenshots", "store listing", "marketing screenshots", or wants to ship a new app.
Workflow
Step 1 — Research the codebase
Before calling the API, gather context from the project. This context directly improves the generated layouts, colors, and headlines.
Find and read:
- -
README.md — app name, purpose, main features - INLINECODE2 /
pubspec.yaml / Cargo.toml / build.gradle — app name, tech stack - Brand colors:
tailwind.config.* (theme.extend.colors), SwiftUI Color(, Flutter INLINECODE9 - Key screens: Next.js
app/ routes, SwiftUI NavigationView/TabView, Flutter INLINECODE13 - App Store metadata:
Info.plist, fastlane metadata/, INLINECODE16
Build this context:
CODEBLOCK0
Step 2 — Confirm with the user
Show what you found and ask:
- - "I found these main features: [X, Y, Z]. Which 3-5 should I highlight?"
- "Your brand color appears to be [#hex]. Should I use it?"
- "Mood? Options: minimal, bold, playful, professional, dark, warm, energetic"
- "Device? iphone-6.9 (default), ipad-13, android-phone, android-tablet-10"
- "How many screenshots? (3–8, default 5)"
Step 3 — Create project and generate
3a. Create a project:
CODEBLOCK1
Save data.id as PROJECT_ID.
3b. Generate the screenshot set via chat:
CODEBLOCK2
On success, data.canvas_state contains the generated layout. The response also includes data.message (Claude's description of what was created) and credits_remaining.
If data.operations is empty, Claude asked a clarifying question — no credits were deducted. Answer the question and call chat again.
Step 4 — Iterate if needed
If the user wants changes, call chat again on the same PROJECT_ID:
CODEBLOCK3
Step 5 — Render and export
Render the final PNGs at exact App Store dimensions (free, no credits):
CODEBLOCK4
Returns data.images[] — array of CDN URLs. Download them or share the project URL:
INLINECODE25
Credit costs
- - Project creation: free
- Chat (screenshot generation): 5 credits per message
- Render: free
- Clarifying questions (no operations generated): refunded automatically
Headline quality rules
When reviewing or suggesting headlines, enforce:
- - 3–5 words per line, readable at thumbnail size
- Three styles: paint a moment ("Morning runs handled"), state an outcome ("Never miss a workout"), eliminate a pain ("Ditch the spreadsheet")
- Never: feature lists, "and"-joined clauses, starting with "The", vague aspirational phrases
Error codes
- -
NO_CREDITS (402) — user needs to top up at https://appscreenshotstudio.com/billing - INLINECODE27 (403) — plan limit hit
- INLINECODE28 (401) — invalid or missing API key
- INLINECODE29 (404) — project ID doesn't exist
技能名称: appscreenshotstudio
详细描述:
直接从终端生成完成的App Store / Play Store截图。
设置
需要在环境中配置 APPSCREENSHOTSTUDIOAPIKEY。在 https://appscreenshotstudio.com/settings 获取密钥（需要拥有带积分的账户）。
何时使用此技能
当用户说：生成截图、App Store截图、Play Store截图、商店列表、营销截图或想要发布新应用时使用。
工作流程
步骤 1 — 研究代码库
在调用API之前，收集项目上下文。这些上下文能直接改善生成的布局、颜色和标题。
查找并阅读：
- - README.md — 应用名称、用途、主要功能
- package.json / pubspec.yaml / Cargo.toml / build.gradle — 应用名称、技术栈
- 品牌颜色：tailwind.config.* (theme.extend.colors)、SwiftUI Color(、Flutter ThemeData
- 关键界面：Next.js app/ 路由、SwiftUI NavigationView/TabView、Flutter GoRouter
- App Store元数据：Info.plist、fastlane metadata/、AndroidManifest.xml
构建此上下文：
appname, readmesummary, keyscreens[], colortokens{}, target_audience,
app_category (fitness|finance|social|productivity|food|travel|health|education|other),
competitiveedge, uistyle, primaryuserflow
步骤 2 — 与用户确认
展示你找到的内容并询问：
- - 我找到了这些主要功能：[X, Y, Z]。应该突出展示哪3-5个？
- 你的品牌颜色似乎是[#hex]。我应该使用它吗？
- 风格？选项：极简、大胆、俏皮、专业、暗色、温暖、活力
- 设备？iphone-6.9（默认）、ipad-13、android-phone、android-tablet-10
- 需要多少张截图？（3–8，默认5）
步骤 3 — 创建项目并生成
3a. 创建项目：
bash
curl -s -X POST https://appscreenshotstudio.com/api/v1/projects \
-H Authorization: Bearer $APPSCREENSHOTSTUDIOAPIKEY \
-H Content-Type: application/json \
-d {
device_id: iphone-6.9,
name: Screenshots,
codebase_context: {
readme_summary: ...,
key_screens: [...],
color_tokens: {primary: #hex},
target_audience: ...,
app_category: ...,
competitive_edge: ...,
ui_style: ...,
primaryuserflow: ...
}
}
将 data.id 保存为 PROJECT_ID。
3b. 通过聊天生成截图集：
bash
curl -s -X POST https://appscreenshotstudio.com/api/v1/projects/$PROJECT_ID/chat \
-H Authorization: Bearer $APPSCREENSHOTSTUDIOAPIKEY \
-H Content-Type: application/json \
-d {
message: 创建一组5张截图。突出展示：[功能1]、[功能2]、[功能3]。风格：极简。使用品牌颜色#hex。
}
成功时，data.canvasstate 包含生成的布局。响应还包括 data.message（Claude对生成内容的描述）和 creditsremaining。
如果 data.operations 为空，表示Claude提出了澄清性问题——未扣除积分。回答问题后再次调用聊天。
步骤 4 — 如有需要迭代修改
如果用户想要修改，在同一个 PROJECT_ID 上再次调用聊天：
bash
curl -s -X POST https://appscreenshotstudio.com/api/v1/projects/$PROJECT_ID/chat \
-H Authorization: Bearer $APPSCREENSHOTSTUDIOAPIKEY \
-H Content-Type: application/json \
-d {message: 让第一张卡片更俏皮一些。把标题改得更有力。}
步骤 5 — 渲染和导出
以精确的App Store尺寸渲染最终的PNG文件（免费，不消耗积分）：
bash
curl -s -X POST https://appscreenshotstudio.com/api/v1/projects/$PROJECT_ID/render \
-H Authorization: Bearer $APPSCREENSHOTSTUDIOAPIKEY \
-H Content-Type: application/json \
-d {}
返回 data.images[] — CDN URL数组。下载它们或分享项目URL：
https://appscreenshotstudio.com/builder/
积分消耗
- - 创建项目：免费
- 聊天（截图生成）：每条消息5积分
- 渲染：免费
- 澄清性问题（未生成操作）：自动退还积分
标题质量规则
在审查或建议标题时，需遵守：
- - 每行3–5个单词，缩略图尺寸下可读
- 三种风格：描绘场景（晨跑轻松搞定）、陈述结果（不错过任何锻炼）、消除痛点（告别电子表格）
- 禁止：功能列表、带和的从句、以这个开头、模糊的励志短语
错误代码
- - NOCREDITS (402) — 用户需要在 https://appscreenshotstudio.com/billing 充值
- PROJECTLIMITREACHED (403) — 达到套餐限制
- UNAUTHORIZED (401) — API密钥无效或缺失
- NOTFOUND (404) — 项目ID不存在
