分屏摄影作品集 — 商店指南

这个 Skill 把一个照片文件夹变成画廊级的作品集网站：你最好的一张照片占满左半屏，旁边是一栏安静滚动的圆角卡片。看起来像设计工作室的作品，交付物却只是一个文件——可以直接打开、托管，或交给客户。

你会得到什么

• 有分量的分屏版式——左侧固定的全高照片区带淡入淡出轮播，右侧滚动着个人简介、联系方式和系列卡片，手机上优雅折叠为上下结构。
• 标志性的 notch 细节——地名和页面标签装在小圆角签里，用反向圆弧从页面角落"雕"出来，明暗主题下都成立，页面装饰永远不会用方块盖住照片。
• 三个互通的视图——首页有轮播和 3:4 系列网格；旅程页悬停地名列表即切换旁边的巨幅封面；关于页有背景大图、你的故事和器材清单。
• 到处都是细小而真实的动效——导航文字逐字翻转，联系图标翻转成箭头，卡片在指针下轻微虚化，明暗切换沿对角线扫过整页。
• 不抢戏的单色系统——白底近黑、柔灰卡片、纤细字重；页面上唯一的颜色来自你的摄影。

一个网站是怎么生成的

1. 告诉 Skill 这个作品集属于谁，并指向你的照片——大约 8 到 12 张就够。暂时没有照片？它会用注明作者的开源摄影图片占位，随时可换。
2. 它搭好分屏骨架，把照片放进轮播、系列网格和关于页背景，并为每张写好标签和 alt 文本。
3. 它接好交互和明暗主题，再跑一遍自带校验器，拦下无障碍疏漏、外部请求和 emoji 图标。
4. 在你的代码仓库里使用时，它会识别技术栈，按项目惯例生成规范组件，而不是塞给你一个大文件。

你需要准备什么

• 名字、一句话身份、两句话简介和联系方式。
• 你的照片，最好附上拍摄地点。

这个 Skill 不做什么

• 不含 CMS、上传或后台——只生成前端页面。
• 不做彩色品牌化：这套系统刻意保持单色。
• 不使用任何真实品牌 logo；相机器材以纯文字列出。