给 Agent 装一套「防 AI 味」落地页设计 Skill
L0 工具/学习
一句话答案
Skill 不是套模板,而是约束设计系统——先写清访客动作与 CTA,再锁字体间距配色并补齐状态页。容易卡在仓库来源核验、审美主观与移动端无障碍遗漏。适用人群:用 Agent 做落地页/营销页的产品与独立开发者。
L0 工具/学习 · 内容更新 2026/10/26 (Asia/Shanghai)
@CY160909
Agent Skill
落地页
Cursor
Claude Code
风险说明:正规 SaaS / 云 / 工具类,风险相对较低,仍请自行核验条款。
策展摘要
策展自 @CY160909 公开帖:介绍开源 landing-page-design Skill,供 Claude Code、Cursor、Codex 等 Agent 按「卖点→视觉系统→交付细节」生成落地页,减少默认紫渐变与三列卡片堆砌;仓库地址在原帖评论区。背景:用 Agent 写页容易快但「AI 味」重。思路:Skill 不是套模板,而是约束设计系统——先写清访客动作与 CTA,再锁字体间距配色并补齐状态页。容易卡在仓库来源核验、审美主观与移动端无障碍遗漏。适用人群:用 Agent 做落地页/营销页的产品与独立开发者。
本页为策展摘要,不是原帖全文转载。活动与奖励可能随时变更,请以官方来源当时规则为准。本站不保证任何收益。
可参考步骤
- 从原帖评论拿到官方仓库,在 Claude Code、Cursor 或 Codex 中按说明安装 Skill。
- 写清:产品卖什么、卖给谁、首屏唯一 CTA(转化动作)。
- 让 Agent 按 Skill 出信息架构:首屏、卖点、步骤、FAQ、按钮层级。
- 锁定字体、间距、圆角、主色,明确禁止默认「紫渐变+三列卡片」式堆砌。
- 要求补齐悬停、加载、空态、表单校验错误与移动端布局。
- 真机与无障碍(对比度、焦点顺序)扫一眼,人工改文案与配图。
- 把通过验收的色板与组件约定记进项目 README 或设计 token,便于下次迭代。
- 以官方仓库说明与原帖当时规则为准;设计审美需人工终审。
注意事项
- 仓库地址在评论区,安装前核对来源与许可证。
- 设计审美主观,Agent 产出需人工终审。
- 勿从非官方 fork 安装,注意 Skill 权限范围。
来源归属
更多专栏
发现失效或高风险? 提交举报 / 反馈