appshot
从代码库一键生成应用商店预览视频和截图
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：appshot。 它的用途是：从代码库一键生成应用商店预览视频和截图 完整的 Skill 内容见：https://321skill.com/skills/appshot/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'根据这个Next.js项目，生成一个1920×1080的网站产品演示视频，展示首页、功能页和定价页，使用我的品牌色和logo。' 它会自动扫描代码库，提取品牌信息，生成3-5个定制场景，并渲染成MP4视频。你可以在浏览器中预览效果，满意后直接导出用于产品宣传。
介绍
这个Skill解决了手动制作App Store和Google Play预览视频费时费力的问题。在实际开发中，开发者经常需要为移动应用或网站制作合规的预览视频和截图，但传统视频编辑工具（如CapCut、Canva）操作复杂，且无法保证与代码库的视觉一致性。Appshot通过扫描项目代码，自动提取应用名称、品牌色、图标、功能列表等元数据，并基于Remotion+React+Tailwind生成定制化的.tsx场景文件，最终输出MP4视频和截图。
使用方式很简单，你只需要在项目中安装Appshot的AI技能（通过npx skills add trunghaiy/appshot），然后向AI代理（如Claude Code、Cursor、Windsurf）发出指令，例如“生成这个React Native应用的App Store预览视频”。AI会扫描你的代码库，询问几个创意问题（如应用解决的问题、核心操作、用户证明），然后自动生成独特的场景文件。你可以通过npm run dev在浏览器中预览，再通过npm run build导出MP4。如果启用—quick模式，AI会完全基于代码库上下文自动决策，无需对话。
它非常适合需要快速迭代App Store/Google Play素材的全栈开发者和智能体开发者。尤其是那些已经使用Remotion、React或Tailwind的技术团队，以及希望将视频生成流程集成到CI/CD流水线中的项目。营销专员和内容创作者也可以受益，但需要开发配合。
建议在项目初期就引入Appshot，以便AI代理能准确理解代码结构和品牌元素。需要注意的是，它主要适用于移动端应用（React Native/Expo、Flutter、Swift、Kotlin/Java）和Web端项目（Next.js、SvelteKit、Nuxt、Astro、Remix、Vite）。生成的视频质量受限于代码库中的品牌信息完整性，如果项目缺少图标或颜色定义，AI会主动询问补充。
常见问题
Appshot支持哪些平台的应用？
支持移动端（React Native/Expo、Flutter、Swift、Kotlin/Java）和Web端（Next.js、SvelteKit、Nuxt、Astro、Remix、Vite）项目，可生成App Store、Google Play预览视频以及网站演示视频。
生成的视频是否可以直接提交到App Store？
可以。Appshot默认输出符合App Store和Google Play规格的预览视频（包括时长、分辨率、格式要求），并支持生成截图。不过建议在提交前手动检查最终视频内容，确保符合苹果/谷歌的最新审核指南。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/appshot/raw/index.md 读取 appshot 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/appshot/raw/index.md（查看排版版本）