
效果预览
相似 Skill
查看全部 Skills你将获得
- 完整的 Beanhop 示例站(一款团队文化应用):落地页外加文章页、更新日志、注册、登录、联系、隐私、条款和精心设计的 404。
- 可点击的产品窗口、带搜索和筛选的仪式库、按团队人数估价的计费切换、内联校验的表单和彩纸特效,全部改用你的产品名词。
- 你的网站以单个离线文件交付,内嵌 Bricolage Grotesque、Figtree 和 Gochi Hand 字体;另附风格规范、配图计划和质检清单。
适合
- 想让发布页或候补名单页有温度、有个性,而不是千篇一律企业风的创始人和独立开发者。
- 以人、庆祝和持续动力为主题的团队、社区或习惯类应用。
- 同样需要内页的小团队:更新日志、注册、博客文章和法律页面。
不适合
- 深色、玻璃质感或极简风格的品牌;confetti 刻意明亮活泼,没有深色主题。
- 需要 CMS 的网站:博客文章和更新日志写在页面自己的数据里,没有后台编辑器。
- 真实注册或支付:表单会校验并在页面内确认,在接入后端之前不会发送任何内容。
产品发布与应用增长网站与数字体验制作落地页风格锁定成果可编辑Dotted GridEmerald AccentPastel PlayfulSoft ShadowsSticker Cards
适合做落地页
关于此 Skill

描述你的产品,就能得到一个活泼的营销网站:瓷白页面由点阵网格面板串起,只用一种翠绿强调色,倾斜的贴纸卡片让整页看起来像手工摆放。示例是虚构应用 Beanhop,它把远程团队的点赞、生日和例行仪式汇集到同一个信息流里。

你将获得
- 落地页包含安静的 Hero、功能三栏、产品窗口、动态 Bento、仪式库、世界地图、定价、用户评价、博客、FAQ 和邮箱订阅
- 真正可用的内页:博客文章、带筛选和搜索的更新日志、注册、登录、联系、隐私、条款和精心设计的 404
- 用代码绘制的产品窗口和图表,人物和对象都换成你产品自己的名词
- 嵌入三款字体和少量照片,文件在任何浏览器中都能离线打开

如何使用
- 提供产品名称、功能、价格方案,以及任何用户评价或文章选题;粗略笔记就够了。
- Agent 填满每个区块和页面,在真实公司网站会用照片的位置补上照片,并在桌面和手机上检查效果。
- 打开交付的单个文件,逐页点击浏览,用日常语言提出修改。

用 Agent 的图像工具生成照片可能产生该工具的使用费用;没有图像工具时,页面会保留尺寸合适的图位,等你放入自己的照片。
开始前需要准备什么
- 你需要提供
- 产品名称、目标用户和一句话价值主张 · 核心能力、带价格的方案档位,以及一个可浏览的集合(模板、方案或集成) · 可选:用户评价、客户故事、文章选题和你自己的照片
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 中的图像生成工具,用于头像和文章封面(可选;没有时由你提供照片)
- 外部成本
- 用户评价头像、客户故事照片和文章封面在有图像工具时由 Agent 自带的工具生成,可能产生该工具的使用费用。没有图像工具时,Agent 会向你要照片并保留相应图位。
- 最近实测
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









