完整清单)
上线前逐项自查ai-design-skills的落地页发布要求Ship Requirements完整清单【免费下载链接】ai-design-skills项目地址: https://gitcode.com/gh_mirrors/ai/ai-design-skills如果你在用ai-design-skills这个 AI 设计技能集来构建落地页Landing Page那么它的落地页设计技能skills/landing-page-design/SKILL.md里藏着一份极易被忽略的发布前要求清单B10 Ship requirements。这份清单专治页面看起来做完了其实还没法上线的问题——隐私政策链接、自定义 404、表单校验、meta 标签……缺一项页面就透着半成品气息。本文帮你逐项拆解对照着自查一遍再放心点下发布键 一、什么是落地页发布要求Ship Requirements在 skills/landing-page-design/SKILL.md 的 B10 章节中技能文件明确写道这些是总被忘掉、却会让页面显得没做完的事。它不是功能需求而是上线门槛——全部勾选完毕落地页才算真正可交付。 定位Part A 决定页面说什么Part B 决定页面长什么样而 B10 是最后的质检关卡。二、10 项必查清单逐项自查指南以下 10 项要求按重要性分组方便你对照打勾 ✅1. 法务与信任类最容易漏也最致命自查项说明页脚放隐私政策与条款链接用户随时能找到你的数据怎么办需要时加 Cookie 同意提示视所在司法管辖区要求而定2. 体验完整性类自定义品牌 404 页面访客敲错 URL 时看到的不该是浏览器默认白页品牌 favicon小图标但直接决定正规感每个页面都有回去的路导航或面包屑让用户永不迷路3. 表单与输入校验类客户端表单校验邮箱格式、必填项在用户提交前就拦住错误而不是等服务器报错4. 无障碍A11y类Skip to content跳到正文链接键盘用户快速越过导航是规范动作而非装饰语义化 HTML使用nav、main、article、aside、section等标签而非满屏div见 SKILL.md 第 338 行5. SEO 与社交分享类写全title和 meta description配置og:image及社交分享标签页面被转发到社交平台时才有门面给每张有意义的图片写 alt 文本同时是 SEO 加分项这部分可与技能文件中的 SEO / AEO 章节A7 章节配合常青页面建议可被索引纯广告投放页用noindex。三、发布前 5 分钟快速核对流程过一遍 B10 十项从上表逐项打勾缺哪项补哪项再对一遍 Quick checklist技能文件末尾的 Quick checklist 把策略 → 视觉 → 内容与发布三类要求合并在一张表里最后一类Content and ship与 B10 完全对应手动走一遍用户路径首页 → CTA → 表单提交 → 触发一次 404确认每一步都接得住换键盘操作一次Tab 键能否跳过导航直达正文焦点环focus ring是否可见四、顺带自查别漏了这两个隐藏关卡发布要求之外有两项高频翻车点建议一起检查交互状态是否齐全B9 章节悬停、按下、焦点、加载骨架屏、空状态、错误提示六态缺一不可且不许有死链——按钮指向#要么真接上要么视觉上禁用文案是否去 AI 味B8 章节没有 Lorem Ipsum、没有 Acme Corp 式占位品牌、没有 99.99% 式假数据这是让页面像人做的而非生成的的关键五、小结落地页上线前的核心动作其实只有一句话把 B10 的 10 项发布要求当出厂质检单逐项过一遍。这份清单出自 ai-design-skills 项目中的落地页设计技能配合文末的 Quick checklist 使用能帮你在发布前拦下绝大多数半成品细节。自查完成再上线访客看到的就是一个完整、可信、可直接转化的一页 ✅【免费下载链接】ai-design-skills项目地址: https://gitcode.com/gh_mirrors/ai/ai-design-skills创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考