用 Claude 跑 UI/UX 技能审查重做落地页:灰字对比度从 3.4:1 提到 WCAG 达标
PratikKadam_ · x · 2026-10-13
独立开发者用 AI(截图显示 Opus 4.5)配合 UI/UX 审查技能重设计 crdible.io 落地页,并贴出完整过程与人工补充:
- 自动化搜索跑不了时,手动把关键准则逐条应用:键盘焦点、hover 对比度、减少动效、触控目标、对比比例、无障碍标签、图标清晰度
- 重写 hero 副标题,从「自动驾驶你的账号」改为更读得下去的「把 LinkedIn 变成线索引擎」,视频标题也更直接,导航/hero/页脚 CTA 统一为「Get started」
- 把灰色文字从 3.4:1 对比度提到 WCAG 标准;播放按钮 hover 改为柔光环;所有可点元素满足 44px 最小触控目标;键盘焦点显示双色调圆环,在米色和蓝色背景都可用
- 交付物组织清晰:hero 放在单独 html、定价单独一页、Landing Comparison 页含四列对比;定价逻辑(Starter 30 帖 vs 120 额度)和退款文案仍待最终敲定
- 一个可复用的做法:用 AI agent 的 UI/UX 技能做基线审查,再人工补齐它跑不到的部分
「编程与Agent」频道最新
- Neon 推出 TanStack AI 官方 AI Gateway 适配器,一个凭据调用多家模型 — matei_zaharia · 2026-10-23
- Modal 开源 Spindle:Tinker 兼容训练服务器,按 GPU 计费不再按 token 付费 — andersonbcdefg · 2026-10-23
- Reflection AI 演示 Beam 接入 opencode,自动微调 Gemma-4 准确率提升 66.5% — danielhanchen · 2026-10-23
- Cua 推出 Spaces SDK:让 Hermes 等 Agent 跑在你自己的电脑沙箱里 — Teknium · 2026-10-23
- PHP 爆两个未认证 RCE 漏洞,ProjectDiscovery 推全网免费告警服务 — cyb3rops · 2026-10-23
- Modal 开源 Spindle:Tinker 兼容自托管训练服务器,按 GPU 计费替代按 token 计费 — josh_wills · 2026-10-23