
效果预览
相似 Skill
查看全部 Skills你将获得
- 一个 31 条路由的示例,虚构的布里斯托工作室 Loudish:六个案例、五个行业、四项服务、流程、定价、工作室、三篇 Journal 文章、FAQ、联系和 404。
- 可用的交互:可拖动的 Hero 贴纸、带搜索与排序的作品筛选、流程标签页、评价轮播、定价切换,以及会预填联系表单的报价估算器。
- 一个内嵌 Bricolage Grotesque 与 Instrument Sans 的自包含文件,附插画方案、风格指南和检查残留示例名称的内置检查。
适合
- 想要亲切网站、并公开真实案例和价格的品牌、网站与设计工作室。
- 可以把服务改成课程、把定价改成课包的瑜伽、陶艺等课程类工作室。
- 想把项目、价格和咨询流程放进一个活泼网站的自由职业者或小型事务所。
不适合
- 需要严肃形象的企业;贴纸和明亮色调正是这套设计的重点。
- 接收真实咨询或付款:表单只在页面内确认,在接入后端之前不会发送任何内容。
- 需要紫色强调色或深色主题的品牌;这套设计是暖奶油底配粉、绿、橙、黄贴纸。
品牌建立与视觉规范网站与数字体验Build Agency Site风格锁定成果可编辑Agency AboutAgency HeroAgency StickersSticker Pink
关于此 Skill

给 Skill 你工作室的服务、价格和项目,它就会搭出一个明快完整的网站:暖奶油色底面、粗壮居中的大写标题、Hero 下方一堆模切贴纸,以及统一风格的扁平作品插画。示例是虚构的布里斯托工作室 Loudish,共 31 条互相连通的路由。默认交付一个自包含文件,任何浏览器都能离线打开。

你将获得
- 首页:贴纸 Hero、客户字标、关于宣言、服务便当格、作品网格、流程标签页、评价、FAQ、Journal 和绿色 CTA 面板
- 案例页包含需求、方案、交付物、品牌系统、第二张插画、客户评价和署名
- 定价页带项目/月付切换、对比表和报价估算器,另有流程、工作室、Journal、FAQ 和联系页
- Bricolage Grotesque 与 Instrument Sans 内嵌在文件中,不从网络加载任何内容

如何使用
- 提供工作室名称、带价格的服务、项目、团队、地址和联系方式。
- 代理填好内容集合,按同一风格生成插画,并检查每条路由和链接。
- 在桌面和手机上试试筛选、报价估算器和表单,再提出修改。

生成插画可能产生图像工具的使用费用。表单只在页面内确认,并会说明在接入后端之前没有发送任何内容。
开始前需要准备什么
- 你需要提供
- 工作室名称、一句话定位,以及想要的 Hero 标题 · 带价格的服务、项目及每个案例页需要的内容,以及团队成员 · 地址、邮箱、电话、营业时间,以及你拥有的插画
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · 代理需要图像生成工具,或使用你拥有的插画,来制作新插画
- 外部成本
- 用代理的图像工具生成插画可能产生该工具的使用费用。你拥有的插画以及可复用的服务和 Journal 插画不产生额外费用。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









