
效果预览
相似 Skill
查看全部 Skills你将获得
- 完整的摄影师网站:首页轮播、带筛选和悬停换封面的作品目录、每个系列一篇案例、手记文章、关于、版画、联系、授权和 404 页面
- 分屏视觉:固定照片面板、圆角卡片栏、从页面刻出的缺口标签、悬浮胶囊页头、逐字翻转的导航,以及斜向扫过的明暗主题切换
- 能用的功能:案例灯箱、手记搜索、实时算价并带上墙预览的版画选择器、带校验的联系表单和邮件订阅,全部装在一个离线文件里
适合
- 想要以图片为主、界面像画廊一样安静的风光、旅行和编辑摄影师
- 出售版画或接商业委托,希望把案例、价格和询价表单放在一处的摄影师
- 能把故事、套餐或展览套进同样页面结构的婚礼或人像摄影师、插画师、民宿或画廊
不适合
- 多彩或极繁风格的品牌:界面严格单色,所有色彩都来自照片
- 图片很少的文字博客或文档站:版式依赖每个面板里都有好照片
- 需要 CMS、上传或真实结账的网站:版画询价和表单只在页面内确认
品牌建立与视觉规范网站与数字体验制作网页/单页站/仪表盘Build Portfolio Site风格锁定成果可编辑MinimalistMonochromePhoto ForwardSoft RoundedSplit Screen
适合做作品集网站
关于此 Skill

Split Frame Portfolio 打造的摄影网站,让你最好的照片占满屏幕左半边,右侧一列安静的圆角卡片随滚动经过。色彩只来自照片,所有压在照片上的标签都用两个小缺口从页面里刻出来。示例是虚构的风光与旅行摄影师 Aster Field,共 18 个互相连通的页面。

你将获得
- 首页:安静的轮播、简介卡、渠道卡片、系列图块、近期委托、客户滚动条、手记列表和预约卡片
- 带筛选标签、搜索和列表/网格切换的作品目录,每个系列一篇案例,含作品灯箱、拍摄步骤和成果
- 手记文章、带基本信息和经历时间线的关于页、带装裱上墙预览的版画商店、带校验表单的联系页、授权和 404 页面
- 带斜向切换效果的明暗双主题、逐字翻转的导航,整体是一个任意浏览器可打开、离线可用的文件

如何使用
- 提供你的名字、身份、所在城市、简短介绍、联系方式,以及按系列分好的 8 到 12 张照片。
- Agent 把照片分配到面板、图块和案例里,写好各系列页面,并生成缺少的部分。
- 打开文件,悬停浏览作品列表,试试两种主题和版画选择器,用大白话提出修改。

最好用你自己的照片。生成的图片只是替身,并可能产生 Agent 生图工具的用量费用。
开始前需要准备什么
- 你需要提供
- 名字、一句话身份、所在城市、简短介绍和联系方式 · 按系列分好的 8 到 12 张照片,注明地点和年份 · 各系列的拍摄背景和成果、版画尺寸和价格、授权条款(可选;缺的部分会写成占位并列出)
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 里的生图工具,仅用于生成你没提供的照片(否则先用模板照片作临时占位)
- 外部成本
- 如果你没有提供全部照片,缺少的部分由 Agent 自带的生图工具生成,可能产生该工具的用量费用;否则先用模板照片作临时占位。除此之外不使用任何付费服务。
- 最近实测
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









