Preview gallery
关于这个 Skill
构建一个摄影作品集，其中的作品占据一半的屏幕：左侧是固定的全高照片窗格，右侧是安静的圆角卡片滚动导轨，照片角上刻有小倒曲线凹口的标签。将鼠标悬停在项目上会将窗格交换到其封面。主页、每个系列都有一个案例研究的工作索引、一本带有时间线的日记、一个带有墙壁预览的印刷店、联系人和许可，有浅色和深色主题，作为一个独立的文件可以离线使用。
About this Skill
Split Frame Portfolio 构建了一个摄影网站，您最好的照片会填满屏幕的左半部分，而旁边则滚动着一排安静的圆角卡片。颜色仅来自照片，每个涉及照片的标签都是用两个小凹口从页面上刻出来的。例子是 Aster Field，一位虚构的风景和旅行摄影师，有 18 个相互连接的页面。
What you get
- 主页包含安静的轮播、介绍卡、频道卡、系列图块、最近的委托、客户字幕、期刊列表和预订卡
- 带有过滤器芯片、搜索和列表或网格视图的工作索引，以及带有框架灯箱的每个系列的案例研究、方法步骤和结果
- 期刊文章，涉及事实和经验时间表、带有框架墙预览的印刷店、与经过验证的表格、许可和未找到页面的联系
- 浅色和深色主题，具有对角线切换、字母翻转导航以及可在任何浏览器中打开并离线工作的一个文件
如何使用
- 分享您的姓名、职位、城市、简短的个人简介、联系方式以及按系列分组的 8 到 12 张照片。
- 您的智能体将照片映射到窗格、图块和案例研究，编写系列页面并生成任何缺失的内容。
- 打开文件，将鼠标悬停在工作列表上，尝试两个主题和打印选择器，并以简单的文字询问更改。
你自己的照片效果最好。生成的图像是替代图像，可能会收取智能体的图像工具使用费。
What you need before you start
- You bring
- 姓名、单行角色、基地城市、简短的个人简介和联系方式 · 8 到 12 张照片分为系列，附有地点和年份 · 系列简介和结果、印刷尺寸和价格以及许可条款（可选；空白将成为列出的占位符）
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image tool in your agent, only for photos you do not supply (otherwise the template photos serve as temporary placeholders)
- Outside costs
- 如果您不提供每张照片，则缺少的照片将由您智能体自己的图像工具生成，这可能会产生该工具的使用费；否则，模板照片将保留为临时占位符。没有其他使用付费服务。
- Last tested
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- 完整的摄影师网站：家庭轮播、带滤镜和悬停交换封面的作品索引、每个系列的案例研究、期刊文章、关于、印刷品、联系方式、许可和未找到的页面
- 分体式外观：固定照片窗格、圆角卡轨、从页面上雕刻的凹口标签、浮动标题丸、字母翻转导航以及对角明暗主题切换
- 工作部分：案例研究灯箱、期刊搜索、具有实时价格和墙壁预览的打印选择器、经过验证的联系表和新闻通讯注册，位于一个离线文件中
Good fit
- 风景、旅行和社论摄影师想要一个图像优先的网站，具有安静、画廊般的镀铬效果
- 出售照片或收取佣金并希望将案例研究、价格和查询表集中于一处的摄影师
- 婚礼或肖像摄影师、插画家、旅馆或画廊可以将故事、套餐或展览映射到同一页面上
Not for
- 色彩缤纷或极繁主义品牌：镀铬严格为单色，所有颜色均来自照片
- 文本较多的博客或文档，图像较少：布局取决于每个窗格中的强大照片
- 需要 CMS、上传或实时结帐的网站：仅在页面上打印查询和表格确认
品牌识别和视觉系统网页设计和数字体验建立网站页面建立投资组合网站Style-lockedEditable Output极简主义单色照片转发软圆形分屏
User reviews
Loading reviews…
