
效果预览
相似 Skill
查看全部 Skills你将获得
- 一个 20 条路由的示例,虚构品牌 Commonfold Collective:四个项目页、三个成员页、三篇 Journal 文章,外加联系、隐私、无障碍和精心设计的 404。
- 可用的交互:一次只展开一项的原则手风琴、带搜索/排序/空状态的作品筛选、标准价与社区价切换、FAQ、表单校验和复制链接提示。
- 一个内嵌 Newsreader 与 Figtree 字体的自包含文件,附风格指南、配图方案和会标出残留示例名称的内置检查。
适合
- 想要手工感、有趣形象,同时有真实案例支撑的设计工作室、合作社和公共/参与式设计团队。
- 可以把课程、导师或项目套进同一套页面的版画工作室、学校和小型事务所。
- 想用拼贴图、撕纸边和胶带代替圆角卡片和图库照片的团队。
不适合
- 需要严肃极简形象的企业品牌;这套设计依赖明亮色块和纸张质感。
- 实时预订或支付:表单只在页面内确认,在接入后端之前不会发送任何内容。
- 以紫色为主色的品牌;淡紫只作为小面积点缀出现。
品牌建立与视觉规范网站与数字体验制作网页/单页站/仪表盘Build Agency Site风格锁定成果可编辑Editorial SerifColour Block AccordionCut Out PortraitsPainted Paper LandscapeTorn Paper Collage
关于此 Skill

告诉 Skill 你的工作室、原则、项目和成员,它就会搭出一个完整的拼贴风网站:黑底上小巧居中的 Hero 搭配彩绘剪纸山丘,暖奶油色页面、平涂色块和黑白剪影人像。示例是虚构的公共设计工作室 Commonfold Collective,共 20 条互相连通的路由。默认交付一个自包含文件,任何浏览器都能离线打开。

你将获得
- 首页:Hero、原则手风琴、引言带、团队故事、数据、项目拼贴、合作方评价和 Journal
- 有真实内容的内页:带细节图和数据的案例、成员页、长文、固定套餐的服务、联系与 FAQ
- 撕纸边、胶带和悬停时回正的轻微倾斜,配合克制的渐显动效,减少动态时全部关闭
- Newsreader 与 Figtree 内嵌在文件中,不从网络加载任何内容

如何使用
- 提供名称、一句话介绍、三到五条原则、项目、团队、文章和联系方式。
- 代理填好每个内容位,按同一风格生成新的拼贴图,并运行内置检查。
- 在桌面和手机上逐页点击检查,再用大白话提出修改。

生成新的拼贴图可能产生图像工具的使用费用。简报里没有的内容会先写成占位文案,并列出来供你确认。
开始前需要准备什么
- 你需要提供
- 工作室名称、一句话介绍,以及三到五条原则和各自的例子 · 项目及每个页面需要的内容,以及成员的角色和简短介绍 · 文章或新闻、服务与价格、地址、邮箱和营业时间
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · 代理需要图像生成工具来制作新的拼贴图
- 外部成本
- 用代理的图像工具生成拼贴图可能产生该工具的使用费用。部分中性的随包素材(Hero 山丘、双手和两张 Journal 图)可以免费复用。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









