网页设计 AI Agent Skills
从明确的需求与视觉方向出发，制作落地页、作品集和网页体验。
Wyrmkeep 龙堡网站
视线跟随视频：眼睛会跟着鼠标转的网页角色
头部跟随视频：整颗头会转向鼠标的网页角色
悬停换装：鼠标画出同一张图的另一个版本
光标生长：鼠标经过的地方长满花草
流体墨迹：用彩色墨水搅动的首屏大标题
粒子变形滚动：一团粒子在每一章变成新的形状
照片球画廊：拖动旋转、一键散开、点开大图的照片球
主体压大字：悬浮的主体前景，大字从身后滑过
表情跟随肖像：看向鼠标、会做表情的角色
蜘蛛光标：跟着鼠标走、会拉丝的蜘蛛
玻璃球光标：跟着鼠标走的肥皂泡玻璃球
创作指南
网页设计 Skills 创作指南。
从明确的需求与视觉方向出发，制作落地页、作品集和网页体验。
准备页面大纲、正式文案与视觉方向参考。
把任务与创作流程连接起来。
从具体任务出发，再探索适合的创作方式。
选对起点
选择你的网页设计流程。
开始前，对照输入要求与交付内容。
| 你已有的内容 | 该关注什么 | 下一步 |
|---|---|---|
| 明确的需求 | 准备页面大纲、正式文案与视觉方向参考。 | 浏览当前分类 |
| 原始素材 | 核对所选 Skill 的输入要求与可保留的细节。 | 阅读 Skills 指南 |
| 另一种输出形式 | 把一份需求或一个现成模板交给 Agent，做出落地页、作品集、网店和后台仪表盘，交付一个完整的 HTML 网站。 | 网页与 HTML |
开始使用
从需求到可用结果。
选择流程
根据需求对照示例、输入要求与交付内容。
准备输入
准备页面大纲、正式文案与视觉方向参考。
运行与检查
按 Skill 说明运行，并在实际使用场景中检查输出。
FAQ
网页设计 Skills 常见问题。
开始前，你可能想了解这些。
如何选择网页设计 Skill？
从明确的需求与视觉方向出发，制作落地页、作品集和网页体验。 将真实示例和交付内容与你期望的结果进行对照。
需要准备什么？
准备页面大纲、正式文案与视觉方向参考。
结果可以继续编辑吗？
取决于具体 Skill。请检查交付的是源文件、渲染素材还是交互产物，以及继续编辑所需的工具。
生成结果可以商用吗？
请检查 Skill 许可、模型条款与输入素材权利。公开示例不代表统一授予商用许可。