Preview gallery
关于这个 Skill
一个明亮的、带插图的多页产品网站：一个圆角的天空渐变英雄，带有从底部升起的平面矢量农场景观，一个显示应用程序的小型倾斜手机，彩色的有色功能卡和饱和的蓝色产品带。内页是经过设计的，而不是存根的：带有自己的交互式小部件的解决方案页面、实时平台仪表板、硬件估算器的定价、规则生成器、完整的期刊文章和多步骤注册。每张插图都有一个艺术方向，因此该网站看起来是由一只手绘制的。
Picked most often by
About this Skill
描述您的产品及其页面，并获得一个完整的插图网站：一个圆角的天空渐变英雄，带有从底部升起的农场景观，一个显示应用程序的小型倾斜手机，彩色功能卡和饱和的蓝色产品带。它作为一个独立的文件提供，可以在任何浏览器中打开并离线工作。
What you get
- 完整页面系列：主页、平台、解决方案页面、自动化、定价、期刊和文章、关于、联系方式、应用程序下载、注册、隐私、条款和设计的 404
- 具有真实工具的内页：带有范围开关的现场仪表板、每个解决方案页面上的小部件、硬件估算器和自动化规则生成器
- 每个插槽均采用一种平面矢量插图风格，应用程序屏幕绘制为手机上的实时界面
- 过滤器、搜索、轮播和表单进行验证和确认，并以尊重简化运动设置的平静运动
- 根据要求，在您自己的堆栈中构建相同的设计作为组件和路由
如何使用
- 分享您的品牌、受众、产品或解决方案以及您需要的页面；粗略记录就足够了，草拟的事实已列出供您确认
- 提供您拥有的插图，或者让它生成一个匹配集，每个插槽一个主题
- 在浏览器中打开完成的文件，单击每个页面并用简单的文字询问更改
新插图是使用智能体的图像工具生成的，可能会产生该工具的使用费。字体和图像嵌入到完成的文件中。
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, or illustrations you own, for the product-specific artwork
- Outside costs
- 新插图是使用智能体自己的图像工具生成的，这可能会产生该工具的使用费。您拥有的插图不需要任何费用，示例中的中性农场风景可以重复用于乡村、食品或户外品牌。
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- 一个完整的网站，位于一个独立的 HTML 文件中，可以离线打开； Haywren 示例有 25 条连接路线，从解决方案和定价到期刊、关于、联系方式和法律页面
- 工作工具：交互式现场仪表板、每个解决方案页面上的小部件、计费切换和硬件估算器、自动化规则生成器和多步骤注册
- 每张图像均采用一种平面矢量插图风格、实时电话模型、Bricolage Grotesque、Figtree 和 Geist Mono 类型，并可根据要求移植到您自己的框架中
Good fit
- 农业科技、食品、花园、户外和现场服务产品需要友好的插图外观，而不是 图库摄影
- 需要完整页面系列（解决方案、定价、日志、关于、下载）而不是单个登陆页面的应用程序开发者
- 现在想要一个独立网站的团队，或者想要在 Vue、React、Astro 或 Next.js 中构建相同设计的团队
Not for
- 现成的后端：注册、联系和应用程序链接表单在页面上确认，但不发送、创建和收取任何费用
- 需要摄影的品牌：每张图像都遵循一种平面矢量插画风格
- 需要不同视觉方向的项目：设计为天空壳、景观带、手机模型和蓝色带
品牌识别和视觉系统网页设计和数字体验构建登陆页面Style-lockedEditable Output农场蓝农场英雄农场景观农场电话
User reviews
Loading reviews…
