SuperAPI AI 工具集

salgadoia-web-design-engineer-pro

前端与建站

查看项目

更新于 10-15 23:58

技能介绍

用途:用于从零创建公开网站(落地页、企业站、作品集、电商、博客)或按 URL 重设计现有网站。不适用于内部仪表盘、CLI 工具或非可视化软件。用户只需描述业务、在浏览器中查看并点击选择风格,由技能完成构建。

主要能力:8 阶段流程——问候并判断新建或重设计;重设计时用 scrape-cascade 脚本尝试 curl、Puppeteer、手动保存三级抓取并生成分析;生成 preview.html 并排展示 3-4 种视觉方向供点击选择;用自然语言完成简要需求并书面确认;随后自动搭建项目、生成各区块(导航、Hero、价值、服务、关于、评价、CTA、页脚)、动画、SEO/LLMO 与 JSON-LD;进行本地 QA(Lighthouse、tsc、axe、响应式 375/768/1280)与交付,可选 vercel --prod 部署。

必要用法:先运行 node web-design-engineer-pro/scripts/verify-build.mjs --check-env 检查环境(需 Node 20.9+、npm 10+、git)。创建项目命令为 npx create-next-app@latest "$SLUG" --typescript --tailwind --app --src-dir --import-alias "@/*" --turbopack --use-npm --skip-install --no-git --yes,随后进入目录执行 npm install。初始化 UI:npx shadcn@latest init -y -d 与 npx shadcn@latest add button card input label textarea badge dialog。按需安装 motion、lucide-react、lenis、split-type、react-hook-form、zod、resend、Supabase、Stripe 等依赖。

限制:技术栈版本锁定(Next.js 16.1.1+、React 19.2+、TypeScript 5.7+、Tailwind CSS v4、Framer Motion 12+);禁止使用通用 Tailwind 颜色类,须用设计令牌;构建阶段(4 至 7)在需求确认后不再暂停提问;受 Cloudflare 或登录保护的站点可能需用户手动保存页面。收费、价格与效果数据暂未提供。