用途:构建风格独特、生产级质量的网站、落地页与交互式网页体验,强调设计推导与视觉 QA 纪律。每个项目需从主题推导配色、字体、动效与布局,并使用调色板生成器生成专属配色,禁止跨站点复用。
主要能力:按项目类型路由到不同指南——信息型站点(个人站、作品集、编辑/博客、小微企业、落地页)、Web 应用(SaaS、仪表盘、后台、电商、品牌体验)、浏览器游戏(2D Canvas、Three.js/WebGL、HTML5、交互式 3D)。共享文件覆盖设计令牌、排版、布局、动效、Tailwind、工具库、图表、浏览器兼容、Playwright 交互 QA、后端与 LLM API 集成。
使用方式:先并行读取强制文件(shared/01-design-tokens.md、02-typography.md、04-layout.md、05-taste.md、08-standards.md),再加载对应领域文件。运行调色板生成器:bun run skills/website-building/shared/generate-palette.ts "subject keywords here"。本地预览可用 python3 -m http.server 3000 --directory /workspace/project 或 npm run dev。每个项目需生成内联 SVG 自定义 logo 与 favicon。
适用场景:需要差异化视觉身份、非模板化外观的网站与网页应用;需要视觉 QA 与响应式验证的项目;含动效、数据可视化或后端/AI 集成的站点。
限制:发布需用户明确同意,不得擅自上线;发布前须做安全审查;若目标仓库已有部署流程则沿用,否则仅交付文件与本地预览,不虚构平台部署方案。视觉 QA 为强制环节,需用 Playwright 在桌面(1280px+)与移动(375px)截图检查。资料未提供具体收费、价格与效果数据。