关于这个 Skill

以温暖的琥珀色剪贴簿风格构建 SaaS 产品的整个表面：营销主页、带有结帐抽屉的定价、登录和注册、工作产品视图、管理仪表板以及变更日志、联系方式、法律和未找到页面。奶油色的纸面板、录音的照片、手写的笔记和贴纸让营销方感觉是手工组装的，而产品视图则保持冷静和精确。计划、制作人员名单和用户在每个视图中都保持同步，作为一个独立的文件提供，可以在任何浏览器中打开并离线工作。

Picked most often by

Solo Founder 应用程序开发人员独立黑客

安装指南 · 使用问题排查 · 探索同类技能

Runs in

Install guides

Claude Code Cursor

Generates with

主机代理法学硕士

About this Skill

You say/bs-amber-scrapbook-suite Build the full product suite for Dayfold, an AI day planner for people with real calendars.

Amber Scrapbook Suite 将 SaaS 产品的每个表面构建为一组相互连接的视图：营销主页、定价、登录、工作产品、管理和支持页面。营销方面看起来是用奶油纸、纸胶带、宝丽来和手写笔记手工组装的，而产品和管理视图则保持冷静和精确。例如 Dayfold，一个虚构的人工智能日程规划器。

The Dayfold home page hero: a centred headline with an amber gradient clause, sticker tiles, a dashed 14 days free stamp and a quiet Today card with stat tiles and a day strip

What you get

完整的套件：主页、带有结帐抽屉的定价、登录和注册、产品、管理、更改日志、联系方式、隐私、条款和未找到页面
一个主页，从最小的英雄到文字标记选框，带有倾斜卡片和录音照片的功能分割，奶油便当网格，客户故事，路线图板，砌体推荐，常见问题解答和便条纸签名
包含自然语言任务捕获和需要积分的计划操作的产品视图，以及包含统计数据、图表和可搜索用户表的管理仪表板
共享状态：注册或购买计划会更新帐户菜单、积分、定价徽章和管理表
浅色和深色主题、命令菜单以及一个可在任何浏览器中打开并离线工作的独立文件

The features section after scrolling: the navbar has floated into a pill, and a task-capture card with a handwritten note sits beside the headline Brain-dump in. A real plan out.

如何使用

分享您的产品名称、一行承诺、8 到 10 个功能（其中标记了 3 个旗舰功能）、您的定价方式和一些路线图项目。
您的智能体将产品循环映射到您的域，规划并生成照片，并使用您的副本构建每个视图。
打开文件，在浅色和深色中单击浏览每个页面，然后要求对副本、计划或部分进行更改。

The Dayfold changelog page: version entries with New and Fixed badges beside a release search box and filter chips

照片来自您智能体的图像工具（如果可用），该工具可能会收取该工具的使用费。您的简报中遗漏的任何内容都会成为智能体列出的占位符副本，供您确认。

What you need before you start

You bring: 产品名称、一行承诺和受众 · 8 到 10 个功能，其中标记了 3 个旗舰功能，以及您的定价方式 · 路线图项目、客户故事以及任何真实的报价或照片（可选）
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 for the photos (optional; without it you supply photos or get labelled placeholders)
Outside costs: 照片是使用智能体自己的图像工具生成的（如果可用），这可能会产生该工具的使用费。如果没有，智能体会要求您提供照片或发送带有清晰标签的占位符。没有其他使用付费服务。
Last tested: v1.0.9 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT