技能说明
覆盖产品落地页、作品集、知识中心、目录、仪表盘和内部工具等八类网站。它不只是视觉建议：会先判断项目需要的功能能力，再按当前 Agent 实际可用的浏览器、数据和部署工具选择实现路径，并明确哪些验收或上线证据尚未具备。
关于此技能
Website Studio 是一套兼容 Agent Skills 的完整建站工作流，从需求 brief、视觉方向与内容结构，推进到实现、响应式与无障碍检查、真实浏览器验收和发布交接。包含 8 类网站配方、能力配方、Agent 适配说明及确定性验证脚本。
核心能力
覆盖完整建站流程
按 brief、设计方向、内容与产品结构、实现、能力接入、验证、发布交接七个阶段推进。
按项目选择网站配方
适用于落地页、作品集、专题、知识中心、目录、仪表盘、门户和工作流工具。
明确功能与访问边界
区分简单内容站与需要数据、登录、上传或外部连接器的项目；不假设 Agent 拥有未配置的工具或权限。
用证据验收
区分构建成功、真实页面视觉检查和已部署网址验证；缺少浏览器或部署权限时明确说明未完成部分。
适用场景
从需求搭建完整网站
适合新建产品站、活动页、作品集、文档中心或小型 Web 应用。
改造已有网站
先保留现有框架、包管理器和部署配置，再按项目实际需要规划改版。
交付前做页面验收
检查桌面与移动端、关键交互、键盘操作、溢出、媒体来源和部署访问行为。
使用步骤
- 01
安装完整技能目录
从 GitHub 克隆仓库并保留目录结构，将 website-studio 文件夹放入 Agent 支持的 Skills 目录；按 README 的跨 Agent 指南配置触发方式。
- 02
说明目标与发布边界
告诉 Agent 受众、核心任务、内容、所需功能和希望的预览/发布方式；缺失关键信息时再补充。
- 03
按阶段设计并实现
选择网站配方和简单/能力路径，完成设计、内容、页面和需要的数据或身份能力。
- 04
真实验收后交接
运行构建和随附验证器；有浏览器时检查桌面及移动尺寸，再交付已验证网址或明确列出尚待完成的部署项。
常见问题
支持哪些 Agent？+
适用于支持 Agent Skills 格式的编码 Agent。仓库另附跨 Agent 安装与调用说明；Agent 的技能目录、浏览器和部署工具需按实际环境配置。
一定需要 Node.js 吗？+
技能说明本身没有运行时依赖；仓库附带的可选验证器需要 Node.js 20 或更高版本。
它会自动把网站公开上线吗？+
不会。它不是托管服务，也不会自动获得部署权限；默认先交付私有预览，公开发布需有相应工具、权限和用户授权。
安装前检查
把兼容性、来源和安装入口先看清楚，再放进自己的工作流。
Codex · Claude Code · Cursor
已提供来源链接
命令可直接复制
2026/09/19
安装提醒：这项技能可能涉及网络、脚本、文件或凭据权限，安装前请先阅读 SKILL.md，并确认它需要哪些权限。
git clone https://github.com/Do-fei/website-studio-skill.git website-studio