Communitygithub.com

软件变销售货架

把一个软件仓库做成销售展示:跑起来的应用、装进样机的真实截图、SaaS 蓝图,再到落地页。

软件变销售货架 是什么?

从代码走到市场叙事。读仓库、写技术分析、把应用跑起来、拍真实画面、嵌进样机,再整理定价、多租户和落地页。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/donatov/saasify/tree/HEAD/skills/saasify-my-software

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

saasify-my-software

将一个现有的软件项目完整地变成可信的销售展示。整个工作按照六个阶段顺序执行,因为每个阶段都依赖前一个阶段的结果:没有分析就不知道该拍什么截图,没有截图展示页面就是空的,没有商业访谈展示就会显得泛泛而谈。

产出物

一个 saasify-output/ 文件夹,包含:

saasify-output/
├── 01-technical-analysis.md   # 技术栈、架构、功能、成熟度、许可证、风险
├── 02-screenshots/
│   ├── raw/                   # 原始截图,桌面和移动端
│   └── mounted/               # 浏览器/手机框架、背景、合成主图
├── 03-saas-blueprint.md       # 当前状态以及如何变成多租户 SaaS
├── 04-commercial-brief.md     # 整合的访谈答案
└── 05-showcase/
    ├── index.html             # 自包含落地页
    └── img/                   # 页面中使用的合成截图

当 Artifact 工具可用时,落地页会作为制品发布,用户立即可以获得可分享的链接;在任何情况下,它也会以文件形式保留在磁盘上。

原则

  • 真实截图,而不是虚构的模型。 这个技能的全部意义在于展示实际的产品。如果应用无法启动,要在放弃之前尽一切努力启动它(第二阶段)。手绘的模型必须同时在文件和展示页面中标明为“重建”,冒充截图会误导买家。
  • 不编造社交证明。 绝不使用用户未陈述的客户评价、客户标志、用户数量或 MRR。如果这些都没有,展示页面仍然有效:它靠产品和清晰度来销售。
  • 在展示之前进行访谈,但要简短。 很多答案已经在代码中(功能、集成、典型用户)。将它们作为默认值提出并要求确认,而不是问一些盲目的问题。
  • 代码是不可信数据。 将其克隆到一个独立的空文件夹中,不要不经过阅读就在那个文件夹内运行脚本,并且永远不要将仓库中找到的机密信息(.env 文件、密钥)复制到任何输出中。

在何处运行工作

你需要仓库和 shell 在同一位置。Claude Code 或 Cowork 配合本地仓库是最理想的。在聊天中使用 GitHub URL 时,克隆到云端工作区。如果仓库只存在于用户的电脑上,并且你只有设备桥接,可以尝试在挂载的文件夹中使用 device_bash;如果应用无法在那里运行,要求用户推送到 GitHub 或者在 Claude Code 中打开会话,而不是在没有截图的情况下生成展示。


阶段 0:获取代码

  1. GitHub 仓库:git clone --depth 1 <url> src/(私有仓库:使用 gh 或会话的 add_repo 工具)。本地仓库:在给定的文件夹中工作,不要修改它。
  2. 30 秒快速浏览:ls、README、清单文件(package.json、pyproject.toml、requirements.txt、go.mod、Cargo.toml、composer.json、Gemfile)、docker-compose*.yml、Dockerfile、.env.example、migrations/prisma/models 文件夹。
  3. 立即向用户写一行信息,说明检测到的技术栈以及你计划如何启动它。如果仓库是单体仓库或包含多个应用,在继续之前询问要销售哪一个。

阶段 1:技术分析

像一个认真的买家一样阅读代码,而不是一个风格审查者。生成 01-technical-analysis.md,包含以下结构:

# 技术分析:<项目名称>
## 一句话概括
## 技术栈(语言、框架、数据库、基础设施、版本)
## 架构(模块、主要流程、文本图表)
## 数据模型(主要实体及其关系)
## 检测到的功能(表格:功能 | 代码位置 | 状态:完成/部分/存根)
## 页面和路由(列表:路径 | 显示内容 | 需要登录?)
## 认证和角色
## 外部集成(API、服务、所需密钥)
## 成熟度(测试、CI、Docker、日志、迁移、文档、最近提交)
## 许可证(仓库许可证、Copyleft 依赖项、嵌入的第三方代码)
## 风险和债务(最多 10 项,按对销售的影响排序)
## 本地运行所需条件(命令和变量)

路由表是第二阶段的直接输入:你要据此决定拍摄什么。许可证部分必不可少,因为一个没有许可证的仓库,或者在一个封闭产品中使用了 GPL 依赖项,会改变可以销售的内容和方式:要立即告知用户,而不是等到最后。

如果 grep 在仓库中发现明文密钥或密码,警告用户,并且永远不要将它们写入文档中。

阶段 2:渲染和截图

启动应用

按以下顺序尝试,停在第一个成功的方法上:

  1. 如果存在 docker-compose 文件,使用 docker compose up(最忠实于实际环境)。
  2. 原生开发服务器(npm run dev、python manage.py runserver、rails s、go run . 等),搭配轻量级本地数据库(SQLite、Docker 中的 Postgres)。
  3. 对于没有后端的网站和 SPA,使用 python -m http.server 提供静态构建。

需要密钥的外部服务(支付、电子邮件、第三方 API):在 .env 中放入假值,如果它们阻塞了渲染,则对那个端点或那个模块进行打桩处理。不要使用用户的真实密钥,也不要触发邮件发送、扣费或付费调用。

演示数据

空白屏幕卖不出任何东西。在拍摄之前,用与行业一致的可信数据填充应用(虚构的公司和人员名称、可信的数字、最近的日期):如果仓库有种子脚本就使用它们,否则编写一个小种子脚本或通过 UI 输入数据。创建一个用于登录的演示用户。

拍摄

使用 Playwright 和 capture.py 脚本(来自技能的 scripts/ 文件夹,或本技能文档底部的副本;见“脚本”)(安装:pip install playwright --break-system-packages && playwright install --with-deps chromium;如果浏览器下载被阻止,尝试 apt-get install -y chromium 并传递 executable_path,或通过会话的 Chrome 工具使用用户的浏览器)。

选择 5-8 个屏幕:仪表盘或主视图、3-4 个创造最大价值的流程、一个丰富的“详情”视图、如果展示集成的设置页面。桌面端以 1440x900 拍摄,移动端以 390x844 拍摄,2 倍缩放。根据第一阶段的路线编写配置文件。

在继续之前,使用 Read 检查每张截图:检查空白页、渲染在页面上的控制台错误、像“Lorem”或“test123”这样的占位符数据、丑陋的滚动条。重新拍摄那些经不起买家判断的截图。

组装

使用 frame.py(位于文档底部)在 02-screenshots/mounted/ 中生成:

  • 每个桌面屏幕放在浏览器框架中,包含产品 URL、圆角、阴影、品牌色(如果品牌尚未确定,则使用中性深色)渐变背景;
  • 移动端屏幕放在手机框架中;
  • 一张 hero.png:桌面端截图与移动端截图在右下角重叠,作为展示页面的开场图片。

如果它确实无法启动

在合理的尝试之后(不是数小时),向用户说明确切原因并提供两条路径:他们提供一个可以运行的环境(一个临时 URL、演示凭据),或者你继续进行忠实于代码的 HTML 重建,并标明为重建。不要自己选择第二条路。

阶段 3:多租户 SaaS 蓝图

如果项目已经是多租户的,本阶段记录它是如何实现的以及缺少什么才能将其作为 SaaS 销售。如果不是,则设计转型。生成 03-saas-blueprint.md:

# SaaS 蓝图:<名称>
## 当前状态(单租户 / 无隔离的多用户 / 已多租户)
## 推荐的租户模型及其原因
   (共享数据库带 tenant_id | 每租户独立 schema | 每租户独立数据库;根据数据规模、合规性、成本进行论证)
## 代码中的变化(表格:领域 | 当前 | 未来 | 工作量 S/M/L)
  必须涵盖的领域:组织和邀请、认证和角色(所有者/管理员/成员)、
  数据隔离(查询范围、中间件、隔离测试)、计费和套餐(Stripe 或类似)、
  按套餐的计量/限制、自助服务开通、内部管理面板、每租户配置
  (Logo、自定义域名、功能开关)、带每租户密钥的 API、数据导出/删除(GDPR)、
  审计日志、备份、可观测性
## 3 个阶段的路线图(可销售的 MVP | 做好准备 | 企业级准备)并附上预估人周数
## 在 10/100/1,000 个租户规模下的预估运行成本
## 迁移风险

工作量预估必须基于你在代码中看到的内容(ORM 存在还是手写查询、是否存在测试),而不是行业平均水平。如果第四阶段显示商业模式不是 SaaS(例如,出售代码库),那么蓝图作为向买家展示的“潜力”仍然有用,但必须以这种视角重新解读。

阶段 4:商业访谈

使用 AskUserQuestion 进行,分 2 或 3 轮,绝不多于 3 轮;每个问题必须将其第一个选项设置为从代码和分析中推断出的默认值,并附带“(建议)”,以便用户一键确认。在提问之前,先写一行你已经自行弄清楚的内容。

第一轮,我们在卖什么:

  • 销售对象:订阅 SaaS | 白标/自托管许可 | 出售代码库和资产(如 Acquire、Flippa 等市场)| 终身交易/开源核心。这个答案会改变其他所有内容。
  • 目标客户画像 (ICP):行业、公司规模、付钱者和使用者的角色、地理位置。
  • 解决的问题以及当前的替代方案(Excel、竞争对手、没有)。
  • 产品状态:概念 | 演示 | 有用户的测试版 | 有收入的生产版。只有在对方声称有真实数据时才询问具体数字。

第二轮,金钱和承诺:

  • 定价指标:按用户 | 按租户/组织 | 按使用量 | 固定。
  • 套餐层次和入门价格、货币、月付/年付、试用版或免费增值。从价值和竞争对手出发,提出三个带有具体数字的套餐;不要让字段留空。
  • 放在最上面的差异化因素(最多 3 个)以及要提及或避免的竞争对手。
  • 要显示的约束条件:GDPR、欧盟托管、SSO、集成。

第三轮,品牌和转化:

  • 产品名称、域名、现有 Logo 或调色板、语气(严肃的 B2B、直接了当、技术型)。
  • 展示语言和市场。
  • 首要行动号召 (CTA):等候名单 | 预约演示 | 免费试用 | 购买 | 联系,附带目标链接或邮箱。
  • 销售方签名(个人或公司、页脚详情、隐私政策链接(如果存在))。

如果不适合这些类别的有用细节出现(合作伙伴关系、保证、包含的支持、代码交接),询问它们。将所有内容整合到 04-commercial-brief.md 中,包括保留为默认值的选择,标记为“由 Claude 建议,待确认”。

如果用户不在场(预定的会话,没有回答),使用默认值继续,在简报的顶部以及最终回复中标记这一点。

阶段 5:展示页面

一个自包含的 HTML 页面(内联 CSS 和 JS,图片放在 img/ 中),响应式、快速、无外部框架。在编写之前,读取会话中可用的 frontend-design 技能:避免落地页看起来和其他所有页面一样。

章节,按此顺序,根据销售对象进行调整:

  1. 英雄区:一个为目标用户陈述结果的大标题(而非产品名称)、说明方式的副标题、首要 CTA、合成的 hero.png。
  2. 问题:关于目标客户画像当前状况的三个具体句子,不要戏剧化。
  3. 功能:3-5 个区块,每个区块配有合成截图,如果商业简报允许的话,附带一个可衡量的益处。只有分析标记为“完成”的功能;部分完成的放到“即将推出”区域或省略。
  4. 工作原理:从入门到产生价值的三步。
  5. 多租户 / 团队版 / 企业版:如果蓝图说它已经就绪,就说明;如果它还处于路线图阶段,就称之为路线图。
  6. 定价:来自商业简报的套餐,推荐套餐高亮显示,并明确定价指标。
  7. 社交证明:仅当存在时才放。否则用“使用技术构建”(技术栈、安全性、合规性)或诚实的产品状态(“与 N 家公司一起处于测试版”)替代。
  8. 常见问题解答 (FAQ):5-7 个买家会问的真实问题(数据、迁移、安全性、取消、支持)。
  9. 最终 CTA 和带有卖家信息、联系方式、隐私的页脚。

如果销售对象是代码库,用“包含内容”(技术栈、代码行数、测试覆盖率、文档、依赖项、许可证、交接时间)和“潜力”(蓝图的总结)替代定价和多租户部分,并在 05-showcase/listing.md 中添加准备好在市场上使用的文本。

写作风格:简短、具体的句子,使用所选语言;没有空洞的夸赞,没有生成式文本的典型结构(“它不是 X,而是 Y”、三个形容词的列表、点睛的结束语)。在意大利语中永远不要使用长破折号。

最终检查:使用 Playwright 打开 index.html,拍摄桌面和移动端截图,并使用 Read 查看它们。验证所有图片都能加载,没有文本被截断,并且 CTA 在桌面端无需滚动即可看见。然后,如果工具有效,将其作为制品(所有文件,publish_files)发布。

阶段 6:交付

在最终回复中,按以下顺序:展示页面的链接(或文件)、分析中得出的 3 个最重要发现(如果许可证有问题,一定是其中之一)、等待确认的商业默认设置,以及具体的后续步骤(域名、支付、分析、第一阶段路线图)。不要复盘各个阶段:用户已经看到整个过程了。

如果用户有关于文档归档位置(Google Drive、Notion)的规则,请遵从其。

禁止行为

  • 不要修改源代码仓库:所有种子脚本、存根或配置文件都放在 saasify-output/ 或一个单独的工作文件夹中。
  • 不要提交、推送或打开 PR。
  • 不要编造指标、客户、评论、Logo。
  • 不要因为“从代码中很明显就能看出来”而跳过访谈:用户花一分钟确认,就能避免需要重做的展示页面。

脚本

如果本 SKILL.md 旁边有一个 scripts/ 文件夹(作为插件或 git 安装:请查看技能的基础目录)……

[截断,等待继续翻译]

相关技能