项目概览
Site Mechanic 是一个完整的网站诊断平台：输入任意 URL，它会从 SEO、性能、无障碍、安全与排版五个维度执行协同扫描，再将结果提炼为一个加权总分及按优先级排列的修复建议。这是我的 AI 作品集中生产化程度最高的项目——从首次提交到上线并实现商业化，历经约九个月的持续开发。
工作原理
扫描引擎协调十个专门的分析器——字体识别、Lighthouse 桌面与移动端审计（含 Core Web Vitals）、最佳实践、WCAG 无障碍、字体许可、跨浏览器检查、真实用户监测以及竞品基准对比——底层基于 Puppeteer、Playwright 与 Lighthouse。扫描进度通过 Socket.IO 实时推送至浏览器，完成的报告可导出为 PDF。
AI 层
面向 Pro 用户的建议功能会将扫描结果发送给 Anthropic 的 Claude，由其针对网站最薄弱的环节返回战略性的、通俗易懂的建议。Claude 还驱动字体搭配分析。AI 层通过功能开关控制，在没有 API 密钥时可平滑降级；管理面板可按模型追踪 AI 开销，并提供可配置的模型选择器（Haiku 求性价比，Sonnet 为默认，Opus 求深度）。
工程亮点
- 服务端权益系统按套餐控制功能访问，背后由 Stripe 订阅、日票与单份报告购买支撑
- 在运营中途完成 SQLite 到 PostgreSQL 的迁移，两套引擎并行运行测试套件
- Kubernetes 部署清单，配备自动扩缩容与网络策略、Prometheus 指标及 GitHub Actions CI/CD
- 覆盖八种语言区域的自研 i18n 层，不依赖任何前端框架——快速、轻依赖的原生 JS
项目成果
一个已上线、具备营收能力的 SaaS，190 多次提交的持续迭代——证明了将一款 AI 增强产品从想法一路带过架构设计、加固与运维的完整能力。