
效果预览
相似 Skill
查看全部 Skills你将获得
- 一个自包含作品集文件,字体和图片已内嵌,任何浏览器打开、离线可用;已有框架项目时则移植进该项目。
- 可用的页面:作品筛选、搜索、排序与归档,完整的案例页,带按周排期的服务页,日志,以及带校验的联系表单。
- 附带抠像工具,可把你在纯色背景前的照片做成首屏平面抠像或剪纸边贴纸,另有 15 个页面的示例可直接改用。
适合
- 想让作品集带点手作个性的平面设计师、插画师和拼贴艺术家。
- 按固定范围和起步价接活的小型印刷与品牌识别工作室。
- 能把服务改成课程、把日志改成动态的工作坊老师或手作人。
不适合
- 真实的表单投递、收款或预约;联系表单只显示如实的演示确认。
- 需要极简、企业感或深色风格,而不是纸张、胶带和双色油墨的品牌。
- 把虚构的 Ines Okafor、她的客户或评价当作真实作品展示。
品牌建立与视觉规范网站与数字体验制作网页/单页站/仪表盘Build Portfolio Site风格锁定成果可编辑Cobalt Orange AccentCut Out PortraitMasking TapeSticker CollageTorn Paper Notes
关于此 Skill

Collage Creative Portfolio 用来搭建一个像工作室墙面一样的设计师作品集:带颗粒的暖灰纸底,只用钴蓝和橙两种油墨,遮蔽胶带、撕边便签、拍立得和马克笔贴纸围绕着一张抠像人像。示例是虚构的波尔图平面设计师兼纸艺拼贴师 Ines Okafor,共 15 个互相连通、全部可用的页面。

你将获得
- 一个自包含的网站文件,字体和图片都已内嵌,任何浏览器直接打开,离线也能用。如果你已有框架项目,则把设计移植进该项目。
- 完整的作品集:带筛选、搜索、排序和可展开归档的作品页,四个含图集、过程笔记和油墨色卡的案例,服务、三篇笔记的日志、关于、联系、隐私和精心设计的 404 页。
- 服务以固定范围的纸页呈现:起步价、按周排期的胶带甘特图标签页和 FAQ 折叠问答。
- 带内联报错和成功提示的联系表单、订阅表单,以及一键复制邮箱和社交账号。
- 纸片加载时贴上墙一次、悬停时回正,并支持减少动态设置。

如何使用
- 提供你的名字、专业方向、简短介绍、含客户与成果的案例、带起步价的服务和联系方式。缺少的内容会先写成合理的占位文案,并列出请你确认。
- 发来一张纯色背景的全身照用于首屏抠像,以及项目照片;也可以让 Agent 按同样的柔和日光风格先生成替身图片。
- 在桌面和手机上逐页打开,试一遍筛选、标签页和联系表单,再提出修改。

字体为 Archivo、Anton、Permanent Marker、Caveat 和 Space Mono,已内嵌进文件。新图片由你的 Agent 自带的图像工具生成,可能产生该工具的使用费。
开始前需要准备什么
- 你需要提供
- 你的名字、专业方向和简短介绍 · 含客户、年份和成果的案例,以及带起步价的服务和联系方式 · 一张纯色背景全身照和项目照片,或同意先生成替身图片
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 自带的图像工具或你自己的照片,用于案例图和人像 · 装有 Pillow、NumPy 和 SciPy 的 Python 3,用于运行附带的抠像工具
- 外部成本
- 新的案例图和人像由你的 Agent 自带的图像工具生成,可能产生使用费。没有图像工具时可用自己的照片;中性的摄影机、绿植、胶带和桌面图可以保留。浏览示例不产生费用。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









