用途:为高性能、可访问、可多语言化的获客型(lead gen)网站建立技术基础,适用于新项目搭建、构建工具配置与项目基础规范制定。
主要能力与规则:仅使用 Astro 静态或混合渲染,禁止 SPA 路由与客户端框架;始终启用 TypeScript 严格模式,不使用 any;所有文本来自 i18n,组件内不得硬编码字符串;采用移动优先 CSS;性能在构建期解决,不做运行时优化 hack;站点数据统一放在 site.ts。图片、SEO、表单分别交由 astro-images、astro-seo、astro-forms 技能处理。
技术栈:Astro(最新稳定版)、Tailwind CSS(最新稳定版)、TypeScript(严格)、部署到 Cloudflare Pages,表单用 astro-forms,计算器用 lead-gen-calculator,图片用 astro-images,SEO 用 astro-seo,UX 用 astro-ux。
性能目标:移动与桌面 PageSpeed 均 ≥95,低于 90 视为失败;桌面加载 <0.8s、移动 <1.4s;LCP <1.5s;CLS <0.1;总 JS <50KB。需兼容 Chrome、Firefox、Safari、Edge、Opera、Brave、iOS Safari、Android Chrome、Samsung Internet 及 iOS 12+、Android 7+ 旧设备。
文件结构:src/config/site.ts 存放全部站点数据;i18n 目录含 ui.ts 与各语言 json;layouts 含 BaseLayout 与 LandingLayout;pages 必须包含 index、thank-you、privacy-policy、404、410 及 [lang]/index;components 含 sections、ui、layout(Header、Footer、MobileMenu)与 common/LanguageSwitcher;另有 actions、lib(i18n.ts、gtm.ts)、styles/global.css、assets/fonts 与 assets/images。
禁止事项:客户端路由框架、UI 组件库(shadcn、DaisyUI、Chakra)、script 标签内联业务逻辑、组件内硬编码翻译、未使用 astro-images 的图片、未使用 astro-seo 的 SEO 标记、缺少 404 与隐私政策页、无明确理由的 client:load、通过 Google Fonts API 加载外部字体(应自托管)、PageSpeed 低于 90。
完成标准:所有页面在禁用 JavaScript 时仍可渲染;移动与桌面 PageSpeed ≥90;加载无 CLS;可见文本均来自 i18n;404 与隐私政策页存在;页脚含企业名称、地址、电话、邮箱;多语言时有 hreflang;GTM 正常触发且 Cookie 同意前阻止跟踪;在 iOS Safari 与 Android Chrome 可用;键盘导航与跳转链接正常。
限制:资料未提供具体安装命令、版本号、价格或平台支持细节,暂未提供。