用途:输入一个现有网站 URL,该技能按固定 14 个阶段从零重建网站,产出可部署的静态站点、GitHub 仓库和系列文档。
主要能力:阶段依次为品牌提取、内容抓取与分类、SEO 审计、设计/UX 审计、重建计划、生成 DESIGN.md、建站、文案优化、四轮 QA、竞品工具调研与工具开发、部署前检查、部署。技术栈固定为 Astro 5.x、Tailwind CSS v4、astro:assets 的 Image 组件、@astrojs/sitemap、MDX 内容集合、Vercel 部署、npm 包管理器、ESLint + Prettier。
使用方式:初始化命令为 npm create astro@latest <project-name> -- --template minimal --no-install,随后 cd 项目目录并执行 npm install、npx astro add tailwind --yes、npx astro add sitemap --yes、npx astro add mdx --yes、npm install -D prettier。字体通过 @fontsource 自托管。交互工具用 Astro Islands,需要时再执行 npx astro add react --yes。
适用场景:需要将既有网站整体重做为高性能、SEO 完整、无障碍达标的静态站点,并附带设计系统与审计文档。
限制:构建失败时应修代码,不得切换 Node 版本、包管理器或重装框架;视觉设计须调用 frontend-design-anthropic 与 web-design-guidelines 技能;对比度需满足 WCAG AA;图片须为本地文件。具体收费、价格与效果数据暂未提供。