$4.99漂移标记英雄区界面组件
可复用的产品首页首屏区块，采用编辑感等宽标题、暖中性色画布、清晰的青绿色行动按钮，以及克制的漂移标记。适合产品发布和软件品牌，需要精致、易编辑的焦点区块，而非完整落地页。
图片拼贴首屏组件
制作适用于产品发布与品牌页面的首屏组件，将清晰的价值主张与经过编辑设计的图片拼贴相结合。采用暖中性色调和克制的青绿色点缀，支持响应式布局与内容编辑。
你会得到
- 一个响应式首屏与图片拼贴
- 可编辑的标题、文案、按钮和图片引用
- 图片裁切与响应式布局说明
- 无障碍对比度、语义结构和焦点状态
适合
- 需要突出首屏信息的产品发布页面
- 拥有少量主题图片的品牌页面
不适合
- 包含多个区块的完整营销网站
- 用于浏览大量素材的图片库
你需要提供
- 产品名称与目标受众
- 核心价值和首选行动按钮文案
- 三到四个图片主题或素材路径
运行要求
- A modern browser
- Node.js 20+ for the validator
运行成本
No external services. Runs entirely on your agent.
试试这个提示词
/sl-tiles-hero-ui-block 为一款虚构的家庭能源规划应用制作发布页，帮助人们规划切实可行的升级方案。分栏首屏介绍能源追踪、升级方案比较和计划制定，标题为“Make every kilowatt count.”，并提供“Build your plan”和“See how it works.”两个操作。采用温暖陶土色、奶油色与克制的青绿色，呈现 Framed Clay Canvas 风格。
后续提示词
- 让移动端图片拼贴更紧凑，同时保持标题和主按钮优先显示。
- 将示例图片替换为我提供的素材，并为每张图注明裁切锚点。
- 针对首次购房者精简补充文案。
验证情况
已验证
| render-check | pass | 4.0 / 5 | 23s |
常见问题
可以替换成自己的图片吗？
可以。提供素材路径或图片主题，并为每张图片保留可替换引用、裁切锚点和宽高比说明。
拼贴必须使用四张图片吗？
不必。根据内容使用三张或四张，保留一张主图，并确保每张图片都与产品相关。
这是完整的落地页吗？
不是。这是一个可放入完整页面中的独立首屏组件。
相似技能
$4.99
$4.99单屏主视觉界面组件
制作一个可复用的单区块产品主视觉，采用温暖纸感底色、克制的边框和低调的青绿色主操作按钮。适合需要精致、偏编辑风格的首屏，但暂时不需要完整落地页的创始人与产品团队。
$4.99深色数据主视觉界面组件
用于产品发布和软件落地页的可复用数据主视觉组件，以清晰的成果标题、醒目的核心指标和克制的辅助数据构成专业、易编辑的版块。
免费Minimal Motion Hero（界面组件）
为软件发布和产品网站制作可复用的首屏区块，以浓郁青绿色为背景，搭配温暖的编辑式排版与克制、易访问的动效。
$4.99集成网格主视觉组件
可复用的产品主视觉组件，将清晰的发布信息与易于浏览的集成网格结合。温暖中性色与克制的青绿色点缀，适合需要展示生态广度、同时保持信息清晰的软件发布页面。
$4.99倾斜画廊主视觉
可复用的产品发布首屏组件，将简洁文案与经过编排的倾斜摄影画廊结合。适合暖中性色品牌，突出动感影像、清晰对比与响应式布局，同时避免套用整页模板。
$4.99Skyline Hero 界面组件
用于产品发布页的可复用响应式首屏组件，以明确的信息和行动按钮搭配建筑天际线摄影，呈现温暖中性色与克制的青绿色强调。
$4.99联系栏主视觉界面组件
制作一个聚焦且响应式的主视觉区，让产品团队的邮件和电话联系方式清晰、可直接使用。适用于产品发布和小团队网站，无需搭建完整页面，也能呈现温暖、专业的第一印象。