作品集网站模板与设计提示词
按要展示的作品和目标受众选择作品集。比较叙事、机构概览、视觉画廊及独立设计实践，清楚交代角色和证据。
精选设计
哪种设计适合你的需求？
- Kuro Storytelling & Portfolio
- 适合有引导的产品叙事：Kuro 以刀刃为主题。改成作品集时，需要换成自己的项目、职责与依据，并让摘要在关闭动态效果后仍可阅读。
- Astraform Creative Agency Portfolio
- 适合机构：将作品与客户可委托的服务关联，使用真实团队信息、项目范围和联系入口。
- MeStudio Portfolio & Gallery
- 适合视觉作品：提供自己的图片顺序、说明和署名；减弱动态时也要保留可读的项目背景。
- Aster Hale Design Portfolio
- 适合独立设计师：关联项目、能力和流程，说明真实交付内容及潜在客户的联系方法。
这些设计暂不可用，请浏览资源库。 浏览资源库
交互预览无需登录。源码 ZIP 和可用的配套提示词需登录后，按提示词包或会员权益解锁。
从源码或设计需求开始
选择 HTML 作品集模板时，产品设计可看 Aster Hale，摄影可看 MeStudio，创意机构可看 Astraform。Kuro 是刀刃主题的产品叙事页，用作作品集需要改编。选定前，先在详情页核对文件、依赖和源码下载权限。
按页面要完成的任务选择
原创适配需求示例
这是 Neruve 编写的虚构需求示例，独立于付费提示词；英文原文保留以便复现。
Mira Chen is a fictional independent product designer.
Create a warm-neutral portfolio with three clearly labelled fictional projects.
For each project explain the role, constraint and illustrative outcome.
The primary link is “View selected work” and targets #projects.
Do not invent awards, employer logos, real contact addresses or business metrics.
Use semantic HTML, one clear h1, readable contrast and visible keyboard focus.
Support a 390 px mobile view without horizontal overflow and reduced motion.生成结果检查清单
检查 390 px 手机与桌面视图：主标题清楚、文字可读、链接有效、键盘焦点可见且无横向溢出；将所有演示声明替换为核实的事实。
从设计参考到自己的网站
- 无需登录即可预览设计；选择套餐前，先核对可用源码文件和配套提示词。
- 保留原始提示词，另附受众、真实内容、品牌与交互要求的需求说明。
- 发布前检查桌面和手机结果、链接、键盘操作、事实声明及减弱动态效果。
参考设计是起点；输出随模型、工具和版本变化，文件和访问权益以条目及套餐为准。