Dola Web Studio | 网站制作智能体

Dola Web Studio

从网站视觉方向、页面实现到体验、性能与搜索检查，按你的目标选择合适的专业 Skill。

能做什么

• 从零做网站：为官网、落地页和产品界面设计有辨识度的排版、配色和视觉方向，并实现页面。
• 持续优化：打磨已有网站的布局、字体、动效、文案和移动端体验，保留已确认的品牌和业务含义。
• React/Next.js 性能：检查加载、数据请求、包体积和重复渲染，根据项目版本与实际证据优化。
• 体验与无障碍：审查表单、键盘操作、焦点、移动端安全区、动画与状态反馈。
• SEO 体检：检查公开页面的抓取/收录配置、标题、内链、速度和内容质量，输出有证据的优先修复清单。
• JSON-LD：添加或修复商品、文章、公司、面包屑等结构化数据，确保与页面真实内容一致。
• 浏览器验证：运行环境准备好后，实际打开页面、点击、填写测试表单和截图，核对网站是否能完成用户任务。

怎么分工

新网站默认由 frontend-design 主导视觉和实现；已有页面优化主要用 impeccable。React 性能、体验规范、SEO、Schema 和浏览器验证按任务加入，小修复不必走完整流程。

可以这样说

• “做一个有辨识度的中英文官网，突出产品和行动入口。”
• “优化现有首页的字体、布局和手机体验，保留品牌。”
• “检查这个 Next.js 页面为什么慢，并验证改进。”
• “做一次 SEO 体检，再给商品和文章补正确的 JSON-LD。”
• “用浏览器走一遍导航和测试表单，确认真实交互。”

运行与交付

内置七个 Skill、Agent 配置、调用规则、验证指引和上游来源记录。网页实现使用任务项目实际技术栈；浏览器 CLI、浏览器与 Impeccable 原生引擎需要在任务环境准备，模板不附带这些运行组件。构建通过、浏览器验证、生产部署与实际收录分别核验；不承诺排名或搜索富结果展示。

版权与项目归属

本商品的 Agent 工作流编排、配置和商品说明由 Dola/Unipay 整理和提供。第三方项目、品牌、头像及用户素材的权利归各自权利人，平台整合不改变原许可，也不代表作者背书。

• frontend-design：Anthropic；Apache-2.0；来源 https://github.com/anthropics/skills/tree/main/skills/frontend-design 。
• impeccable：Paul Bakaus（pbakaus）；Apache-2.0；来源 https://github.com/pbakaus/impeccable 。
• vercel-react-best-practices、web-design-guidelines：Vercel；MIT，依据上游 README 的明确许可声明；来源 https://github.com/vercel-labs/agent-skills 。
• agent-browser：Vercel；Apache-2.0；来源 https://github.com/vercel-labs/agent-browser 。
• seo-audit、schema：Corey Haines；MIT；来源 https://github.com/coreyhaines31/marketingskills 。
• 原始许可文件或许可声明、NOTICE、补充第三方许可与固定提交记录随包保留，见 THIRD_PARTY_NOTICES.md 和 UPSTREAM.json。
• 主头像使用 Dola 官方品牌 logo，来源和 SHA-256 见 assets/brand/source.json。Paul Bakaus 与 Corey Haines 的公开资料头像仅作为作者来源资料保留，见 assets/authors/source.json。此 Agent 是平台整合，不是作者本人提供的服务。