Communitygithub.com

DAVINCI —— 落地页设计技能

将此技能用于用户要求创建、改进或设计 SaaS/MVP 产品的落地页、销售页或网站。它将原始的产品描述转化为结构化的、富含设计决策的提示词,无需调用任何外部 LLM。

DAVINCI —— 落地页设计技能 是什么?

DAVINCI 是一项专门用于 AI 代码代理(如 Claude Code、Cursor、v0 等)的设计技能。它通过一个确定性的、基于模板的系统,将原始的产品描述转化为高度结构化、可直接用于生成落地页的提示词。其核心工作流程包括:解析用户输入、强制对产品类型(SaaS B2B、SaaS 消费类、AI/开发工具、金融科技)进行分类、加载相应模板、组装页面各部分(如 Hero、功能、定价等),并应用排版、颜色系统和文案写作等横切规则。此设计技能无需任何外部 LLM 调用,完全依赖本地规则和模板文件,从而保证了设计决策的一致性、可重复性和透明性。它特别适合需要快速、高质量生成 SaaS/MVP 产品落地页的开发者,并确保每个生成的提示词都包含了精心设计的选择,而非随意猜测。

兼容平台✓Claude Code~Codex CLI✓Cursor
npx skills add dilson-developer/DAVINCI-skill

在你喜欢的 AI 中提问

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

文档

DAVINCI —— 落地页设计技能 是做什么的?

执行流程

1. 读取用户的原始请求

提取:产品功能、目标用户,以及(如果提及)页面类型。

2. 分类页面类型 —— 强制且交互的步骤

检查用户是否已明确指示以下类型之一:

  • SaaS B2B —— 面向企业销售的 管理/数据/基础设施 类产品
  • SaaS 消费类 —— 个人使用的产品(个人生产力、健康、社交、创意)
  • AI 工具 / 开发工具 —— 面向开发者/技术团队的技术工具、API 或 AI 产品
  • 金融科技 —— 金融产品(支付、银行、投资)

如果请求中的类型不明确,则暂停并向用户询问,然后再继续。 切勿在未告知的情况下暗自假设。问题示例:

"这是什么类型的产品?(a) SaaS B2B —— 面向企业销售 (b) SaaS 消费类 —— 个人使用 (c) AI/开发工具 —— 技术工具 (d) 金融科技 —— 金融产品"

只有在得到回答后才能继续。如果用户提供了足够的上下文,足以自信地推断(例如:“面向成千上万用户的个人财务管理应用” → SaaS 消费类,接近金融科技风格),则可以假设并明确说明你所假设的类型,同时给用户提供纠正的机会 —— 切勿在未提及的情况下静默假设。

3. 加载页面类型模板

读取 templates/page-types/ 目录下对应的文件:

  • saas-b2b.md
  • saas-consumer.md
  • ai-tool.md
  • fintech.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   ← 从真实参考中提取的模式

相关技能