DAVINCI —— 落地页设计技能 是做什么的?
执行流程
1. 读取用户的原始请求
提取:产品功能、目标用户,以及(如果提及)页面类型。
2. 分类页面类型 —— 强制且交互的步骤
检查用户是否已明确指示以下类型之一:
- SaaS B2B —— 面向企业销售的 管理/数据/基础设施 类产品
- SaaS 消费类 —— 个人使用的产品(个人生产力、健康、社交、创意)
- AI 工具 / 开发工具 —— 面向开发者/技术团队的技术工具、API 或 AI 产品
- 金融科技 —— 金融产品(支付、银行、投资)
如果请求中的类型不明确,则暂停并向用户询问,然后再继续。 切勿在未告知的情况下暗自假设。问题示例:
"这是什么类型的产品?(a) SaaS B2B —— 面向企业销售 (b) SaaS 消费类 —— 个人使用 (c) AI/开发工具 —— 技术工具 (d) 金融科技 —— 金融产品"
只有在得到回答后才能继续。如果用户提供了足够的上下文,足以自信地推断(例如:“面向成千上万用户的个人财务管理应用” → SaaS 消费类,接近金融科技风格),则可以假设并明确说明你所假设的类型,同时给用户提供纠正的机会 —— 切勿在未提及的情况下静默假设。
3. 加载页面类型模板
读取 templates/page-types/ 目录下对应的文件:
saas-b2b.mdsaas-consumer.mdai-tool.mdfintech.md
此文件定义了各部分的顺序以及类型特定的规则(风格、颜色、排版)。
4. 组装各部分
对于类型模板中列出的每个部分,读取 templates/sections/ 目录下对应的文件(hero.md、features.md、pricing.md、testimonials.md、faq.md、cta.md),并用产品信息填充占位符。
5. 应用横切规则
根据每个部分模板中的引用,查阅 rules/typography.md、rules/color-systems.md、rules/layout-grids.md 和 rules/copywriting.md —— 交叉引用(例如:[rules/copywriting.md #1])精确地指示了在每个点上应用哪条规则。
6. 生成输出
生成一个结构化的提示词,语言与用户一致,可直接粘贴到任何代码代理(Claude Code、Cursor、v0 等)中以生成实际页面。
内容安全规则
- 绝不捏造指标、客户评价或 Logo —— 如果不存在真实数据,请使用
templates/sections/testimonials.md中描述的替代方案。 - 即使用户催促,也绝不能跳过第 2 步(分类) —— 这是对后续所有步骤影响最大的决策。
此技能的文件
SKILL.md ← 本文件
rules/ ← 设计原则(排版、颜色、布局、文案)
templates/sections/ ← 可复用的构建块(Hero、功能、定价...)
templates/page-types/ ← 按产品类型划分的完整组合
references/design-patterns.md ← 从真实参考中提取的模式