三张完全一样的功能卡
高优先级三张一模一样的卡片横排,是生成器默认的功能区块。它在说话的是布局,不是立场。
拆掉这三列。改成两列、列表,或只突出一项。不要把同一张卡复制三次。
grid-cols-3
正文
507
操作候选
14
图片
8
HTML
199 KB
主要入口
Get started
Next.js / Tailwind
移动端模拟 · 性能评分
暂无可用实测数据
暂无可用的 Lighthouse 实测结果,不计入分数。
01 / 值得借鉴
本次报告未单独列出设计亮点,可查看下方检查依据。
02 / 下一步
暂无单独的优化建议,详见逐项检查。
03 / 设计语言
本次检查未提取到设计参数。
04 / 检查依据
逐项查看观察、建议与采集记录。
三张一模一样的卡片横排,是生成器默认的功能区块。它在说话的是布局,不是立场。
拆掉这三列。改成两列、列表,或只突出一项。不要把同一张卡复制三次。
grid-cols-3
Inter 是生成界面的默认面孔。单独用没问题,但当它是唯一的展示字体时,整页会像模板。
选一套和产品匹配的展示字体。只有在你有意做中性工具时才保留 Inter。
Inter
在 X、Slack 或微信里展开成空白或套话,等于浪费已经拿到的点击。这是分发,不是装饰。
补上 og:title、og:description,以及一张和线上标题一致的 1200x630 图。
og:title=no og:image=yes
没有 action 的等待名单或联系表单是转化死路。看起来能用,点下去什么也不发生。
把表单接到一个接口、Formspark、Basin,或你真正会处理的 server action。
<form>
陌生人落到一个看起来像 AI、没有作者、没有客户、没有联系方式的站点上,不会把邮箱给你。
加上真名、真脸、真实联系方式,或一句真实客户的话。
no about, no first-person, no quote
看不到谁跳出,就不知道下一次修改有没有用。没有计数就等于盲飞。
在公开页放上 Plausible、PostHog 或 GA4。一段脚本就够。
no gtag / plausible / posthog / umami
标签、分享卡、首屏各说各的,访客就记不住这是同一个产品。
让 title、og:title 和 H1 共用同一个名词。
title="Expo Documentation" h1="Create amazing apps that run everywhere"
没有 Strict-Transport-Security,第一次访问仍可能被降到 http。浏览器不会钉死 HTTPS。
在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。
strict-transport-security missing
CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载,包括被注入的脚本。
先开 report-only CSP,再收成 default-src 'self' 和明确的 script-src。
content-security-policy missing
Build one JavaScript/TypeScript project that runs natively on all your users' devices.
05 / 开始动手
优化指令用于调整这个页面;设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。
你正在修改已经上线的页面 https://docs.expo.dev/。不要整页重做视觉。不要再引入紫/靛渐变、把 Inter 当品牌字体、三张完全一样的功能卡、假评价、圆整假数据,或另一套 shadcn 默认皮肤。 当前分数:品味 78/100(distinct),转化 42/100(bounce),上线风险 0。 只改被点名的问题。保留信息架构和产品真实主张。如果社会证明是假的,删掉,不要再编新名字。 问题: 1. [taste/high] 三张完全一样的功能卡 三张一模一样的卡片横排,是生成器默认的功能区块。它在说话的是布局,不是立场。 Fix: 拆掉这三列。改成两列、列表,或只突出一项。不要把同一张卡复制三次。 Evidence: grid-cols-3 2. [conversion/high] 分享卡片不完整 在 X、Slack 或微信里展开成空白或套话,等于浪费已经拿到的点击。这是分发,不是装饰。 Fix: 补上 og:title、og:description,以及一张和线上标题一致的 1200x630 图。 3. [conversion/high] 表单没有 action 没有 action 的等待名单或联系表单是转化死路。看起来能用,点下去什么也不发生。 Fix: 把表单接到一个接口、Formspark、Basin,或你真正会处理的 server action。 Evidence: <form> 4. [taste/medium] Inter 被当成了品牌字体 Inter 是生成界面的默认面孔。单独用没问题,但当它是唯一的展示字体时,整页会像模板。 Fix: 选一套和产品匹配的展示字体。只有在你有意做中性工具时才保留 Inter。 Evidence: Inter 5. [conversion/medium] 页面上没有人或证明 陌生人落到一个看起来像 AI、没有作者、没有客户、没有联系方式的站点上,不会把邮箱给你。 Fix: 加上真名、真脸、真实联系方式,或一句真实客户的话。 6. [conversion/medium] 线上页没有统计 看不到谁跳出,就不知道下一次修改有没有用。没有计数就等于盲飞。 Fix: 在公开页放上 Plausible、PostHog 或 GA4。一段脚本就够。 7. [ship/medium] 没有 HSTS 响应头 没有 Strict-Transport-Security,第一次访问仍可能被降到 http。浏览器不会钉死 HTTPS。 Fix: 在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。 8. [conversion/low] 标签标题和 H1 对不上 标签、分享卡、首屏各说各的,访客就记不住这是同一个产品。 Fix: 让 title、og:title 和 H1 共用同一个名词。 Evidence: title="Expo Documentation" h1="Create amazing apps that run everywhere" 9. [ship/low] 没有 Content-Security-Policy CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载,包括被注入的脚本。 Fix: 先开 report-only CSP,再收成 default-src 'self' 和明确的 script-src。 改完之后,这仍然是同一个产品,只是不再像一段提示词,主张也更清楚。