给 Agent 装一套「防 AI 味」落地页设计 Skill
L0 Tools/Learning
中文内容
Quick answer
Skill 不是套模板，而是约束设计系统——先写清访客动作与 CTA，再锁字体间距配色并补齐状态页。容易卡在仓库来源核验、审美主观与移动端无障碍遗漏。适用人群：用 Agent 做落地页/营销页的产品与独立开发者。
L0 Tools/Learning · Content updated 2026/10/26 (Asia/Shanghai)
@CY160909
Risk note: Legitimate SaaS / cloud / tools. Relatively low risk, but verify the terms yourself.
Curated summary
策展自 @CY160909 公开帖：介绍开源 landing-page-design Skill，供 Claude Code、Cursor、Codex 等 Agent 按「卖点→视觉系统→交付细节」生成落地页，减少默认紫渐变与三列卡片堆砌；仓库地址在原帖评论区。背景：用 Agent 写页容易快但「AI 味」重。思路：Skill 不是套模板，而是约束设计系统——先写清访客动作与 CTA，再锁字体间距配色并补齐状态页。容易卡在仓库来源核验、审美主观与移动端无障碍遗漏。适用人群：用 Agent 做落地页/营销页的产品与独立开发者。
This page is a curated summary, not a full repost. Campaigns and rewards may change; the official source's current rules prevail. No income is guaranteed.
Suggested steps
- 从原帖评论拿到官方仓库，在 Claude Code、Cursor 或 Codex 中按说明安装 Skill。
- 写清：产品卖什么、卖给谁、首屏唯一 CTA（转化动作）。
- 让 Agent 按 Skill 出信息架构：首屏、卖点、步骤、FAQ、按钮层级。
- 锁定字体、间距、圆角、主色，明确禁止默认「紫渐变+三列卡片」式堆砌。
- 要求补齐悬停、加载、空态、表单校验错误与移动端布局。
- 真机与无障碍（对比度、焦点顺序）扫一眼，人工改文案与配图。
- 把通过验收的色板与组件约定记进项目 README 或设计 token，便于下次迭代。
- 以官方仓库说明与原帖当时规则为准；设计审美需人工终审。
Cautions
- 仓库地址在评论区，安装前核对来源与许可证。
- 设计审美主观，Agent 产出需人工终审。
- 勿从非官方 fork 安装，注意 Skill 权限范围。
Attribution
More posts
Found a dead link or a risk? Report / feedback