
Preview gallery
从这个任务开始
使用 Inkwell Portfolio,可以从“为精选创作项目提供必要背景”这个任务开始。先明确受众需要理解什么,再用预览判断这种形式是否适合。
规划第一份成果

把下方需求作为起点:替换占位内容,检查一份小样,再扩展制作。
什么时候选它
你需要一份可以结合自己的内容和服务调整的起始实现。先用预览判断页面结构,再确定访客行动。
先准备材料
准备真实文案、已授权图片、目标链接,以及交互控件应连接的服务,明确标出演示数据。
可直接改写的首轮需求
使用 Inkwell Portfolio,帮我为精选创作项目提供必要背景。受众是[受众],可提供的材料是[来源资料]。先调整核心用户路径,用真实内容走通,再扩展到全部区块。检查导航、键盘操作、窄屏和长文本,再对照接入服务验证真实提交。制作最终结果前,请指出缺少的事实。
这次交付重点检查什么
检查导航、键盘操作、窄屏和长文本,再对照接入服务验证真实提交。
了解使用边界
视觉原型本身不等于线上数据库、身份验证、支付或实时库存。检查技能包,再接入项目需要的服务。
What you need before you start
- You bring
- 你的姓名、角色、城市、空闲时间和电子邮件 · 两到四个项目,其中包含问题、过程、结果和屏幕截图(如果有的话) · 你的工作经历和一些论文想法
- 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 generation tool in your agent for portrait, workspace and essay photos, or photos you supply
- Outside costs
- 肖像、工作空间和论文照片是使用智能体自己的图像工具生成的,这可能会产生该工具的使用费。产品屏幕被构建为模型,您自己的照片和屏幕截图可以替换任何图像。
- 包内兼容记录
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT



从技能包到交付成果
- 下载的是供智能体使用的工作流技能包。通过现有预览选择方向,再把产出的代码结合自己的项目调整。
- 组件需要放入实际页面检查;完整网站需要走通访客路径,包括空数据与错误状态。
先完成一个小目标
- 从“为精选创作项目提供必要背景”开始组织你的创作。
交付前再检查
- 检查导航、键盘操作、窄屏和长文本,再对照接入服务验证真实提交。
- 视觉原型本身不等于线上数据库、身份验证、支付或实时库存。检查技能包,再接入项目需要的服务。
品牌识别和视觉系统网页设计和数字体验建立网站页面建立投资组合页面Style-lockedEditable Output渐变墨水版式侧边栏导航软影卡暖色 中性 简约
User reviews
Loading reviews…
FAQ
检查导航、键盘操作、窄屏和长文本,再对照接入服务验证真实提交。
先调整核心用户路径,用真实内容走通,再扩展到全部区块。
视觉原型本身不等于线上数据库、身份验证、支付或实时库存。检查技能包,再接入项目需要的服务。








