清晰的协议兼容定义与生态工具映射
页面精准击中开发者痛点，明确标示兼容 OpenAI 与 Anthropic 协议、SSE 流式传输与工具调用，并完整列出 Cursor、Claude Code 等生态工具的开箱即用支持。
页面构成与技术指标
正文
939
操作候选
9
图片
10
HTML
64 KB
文案
标题字数
66
摘要字数
116
H1
1
H2
8
动作
主要入口
立即开始
表单
0
站内链接
18
站外链接
13
安全与页面元信息
HTTPS
有
HSTS
有
CSP
无
nosniff
有
viewport
有
图标
有
JSON-LD
有
统计
无
构成
Vite / React / Tailwind
脚本
1 ext / 5 inline
语言
en
第三方域
无
Lighthouse
移动端模拟 · 性能评分
—
暂无可用实测数据
查看详情
暂无可用的 Lighthouse 实测结果，不计入分数。 测试于 2026-09-05T05:01:27.836Z · timeout
01 / 值得借鉴
好设计，具体好在哪
克制纯粹的终端代码美学与色彩节奏
在 #0a0a0a 深黑底色上运用 JetBrains Mono 呈现如 '// Kiro 即服务' 的代码注释形态，自然营造出原汁原味且不杂乱的终端工具质感。
02 / 下一步
值得继续打磨的地方
- 01
引入操作系统检测并收拢首屏主行动按钮层级
macOS 与 Windows x64 目前采用完全相同的高饱和青柠色胶囊按钮。在移动端两块大按钮直接垂直堆叠，没有主次之分，分散了首屏下载决策。
在客户端通过 navigator.userAgent 检测访问者系统，将匹配的平台渲染为唯一的青柠实心主按钮，其余平台收敛为下方的次级文字或切换项。在 1440px 与 390px 下分别校验首屏只出现一个高亮实心 CTA。
- 02
整合主标题上方的双重公告徽标
KiroaaS Cloud 提示与 v1.2.1 版本徽标直接垂直叠放在 H1 上方，在小屏设备上过早挤占纵向空间，使产品核心定位被下推。
将版本更新状态与云端中转提示整合为单一行内胶囊徽标，或将更新日志移至顶部导航区。在 390px 视口下验证 H1 位于屏幕前 240px 高度范围内。
03 / 设计语言
把气质拆成可复用的参数
色彩
背景
#0a0a0a文字
#ffffff强调
#ffffff字体与尺度
- 标题字体
- Inter
- 正文字体
- Inter
- 标题 / 正文
- 96px / 16px
间距与形状
- 区块间距
- 0px
- 组件内距
- —
- 卡片圆角
- —
- 按钮圆角
- 3.35544e+07px
表达也可以更准确
文案润色对照
现在
全新 KiroaaS Cloud — 绕开限制，找回 Claude
建议表达
全新 KiroaaS Cloud：网络中转直连，即刻恢复 Claude 访问
去除标点前后的冗余空隙，并将描述调整为直接清晰的技术能力说明。现在
绕开限制， 找回你的 Claude。
建议表达
突破网络阻断，无缝恢复 Claude 编码体验。
清理全角逗号后多余的空格排版瑕疵，强化对开发者核心诉求的传达。04 / 检查依据
观察与实测依据
逐项查看观察、建议与采集记录。
品味1 项观察
渐变裁切的标题
H1 上的渐变字是生成器的装饰，很少帮到主张本身。
标题用实色和字重，不要彩虹填充。
bg-clip-text text-transparent
转化3 项观察
手机上页面横向溢出
高优先级横向溢出在手机上就是跳出。多数 vibe 流量来自手机，横滑的页面不会转化。
修掉溢出的元素。用 390px 宽度看一遍。通栏不要写死 min-width。
overflow-x on 390px viewport
页面上没有人或证明
中优先级陌生人落到一个看起来像 AI、没有作者、没有客户、没有联系方式的站点上，不会把邮箱给你。
加上真名、真脸、真实联系方式，或一句真实客户的话。
no about, no first-person, no quote
线上页没有统计
中优先级看不到谁跳出，就不知道下一次修改有没有用。没有计数就等于盲飞。
在公开页放上 Plausible、PostHog 或 GA4。一段脚本就够。
no gtag / plausible / posthog / umami
上线1 项观察
没有 Content-Security-Policy
CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载，包括被注入的脚本。
先开 report-only CSP，再收成 default-src 'self' 和明确的 script-src。
content-security-policy missing
链接分享预览
KiroaaS - Your Gateway to Kiro
Expose Kiro's AI models to any application via standard APIs. OpenAI and Anthropic compatible. Free and open source.
05 / 开始动手
把下一步，交给你的 AI
优化指令用于调整这个页面；设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。
查看完整指令
请对首屏组件（如 src/components/Hero.tsx 或对应页面文件）进行重构：1. 通过客户端 userAgent 识别访问者操作系统，将当前系统的下载按钮保留为唯一的青柠色实心主按钮（oklch lime-400），另一系统转为下方弱化的次级文本链接（如 '其他版本：Windows / macOS'）。2. 整合 H1 上方的两枚胶囊徽标，合并为单行展示：左侧保留绿色圆点与版本号，右侧接云端功能入口。3. 修正中文标点符号前后的多余空格。4. 严格保留现有设计变量：背景色 #0a0a0a、主文字色 #ffffff、Inter 正文字体、JetBrains Mono 代码注释字体、全圆角药丸按钮，以及所有既有导航与代码块交互。