用途:这是 vigiles.sh 落地页(site/,Vite + React + Tailwind,仅深色主题)的统一标准,适用于设计、编辑、新增或评审该站点的任何改动。核心目标是最大化实际运行 npx vigiles audit 的访客比例,所有设计决策都服务于这一转化指标。
主要能力与要求:受众是使用 Claude Code、Codex、Cursor 等智能体编码工具的开发者,需在一屏内看懂产品并尝试。演示区同时承担四件事:介绍产品、用预置 FEATURED 芯片即时展示真实评分、在浏览器内对公开仓库实时评分、为私有/本地仓库提供命令复制。必须明确当前展示的是预置示例还是用户输入的仓库;私有仓库路径要作为一等入口,并在 390px 宽度下验证。
文案与可信度:具体优先于巧妙,不制造读者原本没有的疑虑;每个概念首次出现都要用平实语言解释。演示报告只展示真实扫描结果,不得伪造数字;无法在浏览器运行的部分用破折号占位符诚实提示,不用模糊或假数据。每个结果都要有分享入口和可自动运行的 ?repo= 深链接。
设计标准:参考 Linear / Vercel / Raycast 的现代极简风格,每个元素都要有存在理由,删除只重复其他元素的内容,每屏一个焦点,用留白和字体层级代替堆叠边框,信任文案只出现一次,颜色克制。
限制与现状:站点部署在 GitHub Pages 而非 Vercel,分析需用 Plausible / Fathom / GoatCounter 等轻量方案,track() 已埋点但尚未接入提供方。浏览器内演示仅运行确定性检测,模型相关的触发率检测不在其中。报告视图通过 @vigiles/report-view 工作区包与 CLI 共用同一组件和 JSON。具体价格、平台支持等资料暂未提供。