Preview gallery
关于这个 Skill
在温暖的网格纸上构建一个完整的、可购物的品牌网站：沉重的压缩标题、带有硬墨水阴影的轮廓卡片、带有英雄贴纸的旋转相扇，以及每种口味一种有趣的颜色。产品、系列和食谱页面、故事页面、带有地图的库存商、批发、常见问题解答、送货、联系方式、工作包和结帐以及法律页面都相互连接。它适合饮料、食品和其他小型消费品牌，并作为一个独立的文件提供，可以在任何浏览器中打开并离线工作。
Picked most often by
About this Skill
网格纸饮料品牌网站在温暖的网格纸上构建了一个完整的、可购物的品牌网站，带有沉重的压缩标题、轮廓卡片、贴纸装饰和每种口味一种有趣的颜色。每个链接都会指向一个设计好的页面，而包、搜索和表单都会做出响应。例如 Oat Parade，这是一个虚构的燕麦饮料品牌，有 34 个相互连接的页面。
What you get
- 具有多种构图的主页：照片迷英雄、风味字幕、带过滤器的产品栏、故事分割、统计便当、从田间到冰箱的旅程、食谱便当、推荐、常见问题解答、库存查找器和时事通讯
- 每个产品、系列和食谱的内页，以及我们的故事、带有地图的库存商、批发、常见问题解答、送货、联系方式、袋子、结帐、隐私、条款和未找到的页面
- 商店互动：带有数量和免费送货计量器的袋子抽屉、尺寸和订阅价格、搜索、保存的物品、食谱份量缩放器和带有验证的结帐
- 为一个艺术方向的每个主题计划一张照片，并将字体嵌入到一个可离线使用的文件中
如何使用
- 分享您的品牌名称、一行承诺、产品价格和尺寸、人们如何购买以及您的故事。
- 您的智能体将口味、食谱和库存商映射到您的业务，生成照片并填充每一页。
- 打开文件，在桌面和手机上点击商店、袋子和食谱，并用简单的文字要求更改。
照片来自您智能体的图像工具（可能需要支付该工具的使用费）或来自您自己的图库。在您连接真实服务之前，不会收取或发送包中或结帐中的任何内容。
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 tool in your agent for the product, recipe and story photos (optional if you supply your own photos)
- Outside costs
- 代理使用自己的图像工具生成产品、配方和故事照片，这可能会产生该工具的使用费。您可以提供自己的照片。没有其他使用付费服务。
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- 完整的品牌商店：主页、产品、系列和食谱页面、我们的故事、带有地图的库存商、批发、常见问题解答、送货、联系方式、时事通讯、袋子、结账和法律页面
- 网格纸外观：带有细网格线的温暖纸张、沉重的浓缩标题、轮廓鲜明的彩色卡片、带有贴纸的五张照片英雄风扇和钴色页脚文字标记
- 工作车间详细信息：带有免费送货计量器的袋子抽屉、尺寸和订阅定价、搜索、过滤器、食谱份量缩放器以及带验证的结帐
Good fit
- 想要具有欢快的贴纸和纸盒个性的燕麦、果汁、咖啡、茶、康普茶或零食品牌
- 需要作为一个家庭设计的商店、食谱或仪式、库存商和支持页面的小型消费品牌
- 在连接真实支付之前想要一个可信的店面的创始人，或者想要移植到自己的项目中的设计
Not for
- 安静的奢侈品牌或企业品牌：重凝型，贴纸和风味色彩刻意响亮而俏皮
- 今天需要真实付款、账户或订单交付的商店：提包和结帐在页面上确认，并说没有收取任何费用
- 单屏预告片：该技能构建了一个完整的连接站点，因此单个着陆部分会浪费大部分内容
品牌识别和视觉系统网页设计和数字体验建立品牌网站Style-lockedEditable Output燕麦扇燕麦英雄燕麦食谱燕麦故事
User reviews
Loading reviews…
