SuperAPI AI 工具集

saas-landing

前端与建站

查看项目

更新于 10-16 09:59

技能介绍

用途:该技能用于让智能体生成一个单页 SaaS 落地页,依次包含 Hero、功能模块、社会证明、定价和页脚 CTA 区块。

主要能力:遵循当前工作目录中 DESIGN.md 定义的颜色、字体与布局令牌;所有颜色只能取自 DESIGN.md,不允许自创十六进制值;强调色在 Hero、页脚 CTA 各用一次并用于链接;按 DESIGN.md 的响应式行为设置断点。

使用方式:智能体按固定流程执行。先读取当前工作目录的 DESIGN.md,若缺失则停止并请求提供,识别调色板、排版令牌、布局原则,并注意“Agent Prompt Guide”章节(如有冲突优先)。然后按顺序规划区块:Hero(含 logo/字标、标题、副标题、主次 CTA,hero_density 作为垂直内边距像素值)、功能(3–6 个卡片)、社会证明(proof_count 个 logo 或推荐语,为 0 则跳过)、定价(2–3 档,仅当 has_pricing 为 true)、页脚 CTA(大色带单按钮)、页脚(链接与版权)。最后输出单个自包含 index.html,CSS 内联在 head 的 style 块中,无外部 JS,使用语义化 HTML,并为可编辑元素标记 data-od-id 以便宿主评论模式定位。字体不可从 Google Fonts 等加载时使用系统字体回退。完成前自检:文本须有实质内容而非占位符、无失效颜色引用、断点匹配 DESIGN.md、在 1440w/768w/375w 下显示良好、强调色总计使用不超过两次。只写 index.html,不生成单独的 CSS、JS 或 README。

适用场景:为 SaaS 产品快速搭建符合既有设计系统的营销落地页。

限制:必须存在 DESIGN.md,否则流程中止;价格、收费、平台等信息资料未提供;具体参数取值未提供。