摘要：2026年，AI建站领域最魔幻的现实是：代码生成已不是问题，设计品味才是真正的门槛。 当OpenPage让JSON成为网站的唯一事实来源，当万小智2.0打通从需求理解到备案上线的全链路，当web-design-skill把“反AI俗套”写成可执行的规则——网站设计的竞争正在从“能不能生成”转向“设计得好不好、流程有没有章法、标准有没有固化”。

一、开源框架：三种路线，一个共识

OpenPage 让JSON成为唯一事实来源。一个网站完全由一个带类型的JSON文档描述，视觉编辑器读写它，AI端点生成它，渲染器把它变成实时页面。MIT许可，可自托管。

Siza 定位更深一层——“从想法到生产的全栈AI工作空间”。MCP原生、隐私优先BYOK、全栈生成、Docker一键部署。它证明了一个趋势：网站生成正在从“前端工具”变成“全栈治理平台”。

OSW Studio 支持多运行时、多提供商AI，Agent在带自动检查点的虚拟文件系统中操作——自由探索，随时回滚。

二、闭源产品：从“聊天窗口”搬到“生产画布”

Framer Agents 在真实的Framer项目内部工作，Agent能完成从生成页面到管理CMS的完整工作流。最值得关注的是External Agents——Claude Code、Codex、Cursor可以直接在Framer画布上执行设计任务。

阿里云万小智2.0 的核心逻辑是“先理解需求，再开始建站”，多角色Agent协作（需求理解→页面设计→代码生成→质量检查），最核心差异化是合规上线：域名注册、ICP备案与AI建站原生集成。

昆仑万维Skywork3.1 将AI设计迁移到无限可视化画布，并行调度数十上百个子Agent协同作业。上线一个月后收入实现三倍增长。

三、Agent Skill：把“设计品味”变成可执行规则

web-design-skill 是目前社区最成熟的网站设计Agent Skill。它解决了一个核心痛点：“现代大语言模型已经能根据简单的提示词生成功能完整的网页。但它们的输出总是趋向同一种审美：Inter字体、蓝色主按钮、紫粉渐变、大圆角卡片、emoji充当图标。”

它的核心创新是四维分解：Block Map（页面分段）、Layer Map（视觉堆叠）、Text Map（语义文案）、Geometry Map（比例与锚点）。

web-design-engineer 提供了六步工作流，还包含“反AI俗套清单” ：不要紫蓝渐变、不要对称3列、不要用emoji当图标、不要每个section背景交替白/灰。

四、前沿研究：网站正在从“为人设计”转向“为人+Agent设计”

Agent-Ready Website 概念被正式提出。当越来越多的网站访问者不再是人而是AI Agent时，网站应该怎样设计？三个维度：机器可读性、可行动性、决策可靠性。实验表明，Agent-Ready网站在150次测试中通过了134次。

WebGen-R1 能将7B基础模型从生成几乎不可用的网站，显著提升至可部署且符合美学标准的多页面网站。

五、一些思考

2026年的AI网站设计，已经走过了“能不能生成代码”的阶段。

网站设计正在从“写代码”变成“设计系统”——不是代码写得对不对，而是设计有没有品味、流程有没有章法、标准有没有固化、Agent能不能用。

2026年，真正的竞争力不是让AI“会做网站”，而是让AI“会设计网站”。

📖 查看原文

本文首发于「阿Q的AI笔记」。以上仅为核心速览，完整版包含：OpenPage/Siza/OSW Studio完整技术栈拆解、Framer Agents/万小智2.0/Skywork3.1闭源产品对比、web-design-skill/web-design-engineer安装配置全流程、website-method-nsm/MM-WebAgent/Holos学术框架深度解读、Vision2Web/InteractWeb-Bench/WebGen-R1评测基准数据，以及四个完整实战Coding场景（OpenPage部署、Claude Code启用Skill、OSW Studio多模型建站、从零实现Mini网站生成Agent）。

🔗 AIGC创作：如何让AI网站设计从“能跑”到“能看”再到“能卖”