$4.99粒子场首屏界面组件
一个可复用的产品发布首屏组件，以温暖的陶土色和奶油色为底，搭配克制、动态的青绿色粒子场。适合希望营造有氛围的首屏，同时保持文案清晰、布局响应式且动效无障碍的产品团队。
倾斜画廊主视觉
可复用的产品发布首屏组件，将简洁文案与经过编排的倾斜摄影画廊结合。适合暖中性色品牌，突出动感影像、清晰对比与响应式布局，同时避免套用整页模板。
你会得到
- 一个包含清晰标题和操作层级的响应式主视觉区块
- 可编辑图片资源与元数据的错落画廊构图
- 支持键盘操作、图片描述和减少动态效果设置
- 可调整字体、倾角、间距与青绿色点缀的样式变量
适合
- 以高质量摄影或视觉作品为核心的产品发布
- 需要精致且易编辑首屏区块的小团队
不适合
- 主要内容是复杂产品界面的页面
- 需要画廊导航或筛选的大型图片库
你需要提供
- 简短的价值主张和标题偏好
- 三到五张已获授权并注明主体与裁切的图片
- 操作按钮文案和目标网址
运行要求
- A modern browser
- Node.js 20+ for the validator
运行成本
No external services. Runs entirely on your agent.
试试这个提示词
/sl-angled-gallery-hero-ui-block 为虚构陶艺工作室 Alder Kiln 面向日常餐具选购者制作一个分栏主视觉。显示眉题“ALDER KILN · OBJECTS FOR EVERYDAY”、标题“Made to live with.”，以及文案“Small-batch ceramic cups, bowls, and serving pieces shaped for slow mornings, shared tables, and years of use.”；加入“Explore the collection”和“Our studio”。保持温暖倾角研究风格。
后续提示词
- 让画廊更具编辑感，同时保持文案区域清晰。
- 调整为移动端优先，三张图片纵向排列。
- 添加可编辑图片说明和编号等宽字体元数据，但不要增加其他区块。
验证情况
已验证
| render-check | pass | 4.0 / 5 | 46s |
常见问题
画廊可以少于五张图片吗？
可以。三张图片足以构成版式；更少时也应确保构图仍然平衡且有明确意图。
移动端还要保留倾斜效果吗？
通常不需要。在窄屏上取消旋转和重叠，让图片稳定易读，并避免产生横向溢出。
可以用于非产品品牌吗？
可以。保持版式，将文案和摄影替换为工作室、活动或编辑主题，同时保留克制的配色。
相似技能
$4.99
$4.99Strip Hero 界面组件
可复用的产品发布首屏组件，以简洁文案、电影感横向摄影画带和克制的青绿色点缀建立视觉焦点。适合需要鲜明第一印象，同时重视响应式布局、无障碍体验与内容易编辑的产品介绍页面。
$4.99Skyline Hero 界面组件
用于产品发布页的可复用响应式首屏组件，以明确的信息和行动按钮搭配建筑天际线摄影，呈现温暖中性色与克制的青绿色强调。
$4.99联系栏主视觉界面组件
制作一个聚焦且响应式的主视觉区，让产品团队的邮件和电话联系方式清晰、可直接使用。适用于产品发布和小团队网站，无需搭建完整页面，也能呈现温暖、专业的第一印象。
$4.99集成网格主视觉组件
可复用的产品主视觉组件，将清晰的发布信息与易于浏览的集成网格结合。温暖中性色与克制的青绿色点缀，适合需要展示生态广度、同时保持信息清晰的软件发布页面。
$4.99漂移标记英雄区界面组件
可复用的产品首页首屏区块，采用编辑感等宽标题、暖中性色画布、清晰的青绿色行动按钮，以及克制的漂移标记。适合产品发布和软件品牌，需要精致、易编辑的焦点区块，而非完整落地页。
免费Minimal Motion Hero（界面组件）
为软件发布和产品网站制作可复用的首屏区块，以浓郁青绿色为背景，搭配温暖的编辑式排版与克制、易访问的动效。
$4.99单屏主视觉界面组件
制作一个可复用的单区块产品主视觉，采用温暖纸感底色、克制的边框和低调的青绿色主操作按钮。适合需要精致、偏编辑风格的首屏，但暂时不需要完整落地页的创始人与产品团队。