请提供:
分享链接 · https://openimages.ajiang.me/p/2103483957266268381/
composition · centeredquality_flags · multi-panel-layoutsubject_type · ui-screenusage · presentationusage · product-listingvisual_style · minimal
提示词(原文,逐字保留)
\x3Cinputs>
Ask me for:
• my product + URL
• 8–12 UI states that tell its story
• the real data shown in each state
• brand colors + fonts + accent color
• required formats (1:1, 16:9, 9:16)
\x3C/inputs>
\x3Crules>
One HTML file. One canvas
One draw(t) function
No CSS transitions
No timers
No state carried between frames
One shape, never cut
Every state is the same element changing size, radius and color while the content swaps
A cursor drives the sequence with real clicks, typing and one drag
Real UI. Real data. No placeholders.
\x3C/rules>
\x3Cstructure>
120 BPM grid
Something happens on e…
中文译文
请提供:
• 我的产品及其网址(URL)
• 8–12 个能讲述产品故事的 UI 界面状态
• 每个界面状态中显示的真实数据
• 品牌颜色 + 字体 + 强调色
• 所需的画幅比例 (1:1、16:9、9:16)
来源与署名
原文由 @verbove 发布在 X:查看原推文。 本页逐字保留原文并提供机器翻译的中文解读;版权归原作者所有。
同工具的更多提示词
- 实现代码以能够在3D中在宝塔内导航。@BuildFastWithAI
- \x3Cinputs> 请告诉我:8 到 12 个我希望该形状变成的 UI 状态(例如按钮、加载器、播放器、滑块、开关、选项卡、图表、命令面板、提示Toast…@__morse
- 制作一个动态的15秒动态图形视频,展示你是一位多么出色的动态设计师,就像你的简历作品集一样。全力以赴。 请确保正确展示用例、流程,以及如何运作的所有细节,同时…@kyonax_on_tech
- 这完全是 100% 用 opus 5.5 做的。 我有一个专门的 "studio" 仓库,里面有我项目的所有样式指南、token、一些 skill、remot…@francoxavier33
- 创建一个大胆、充满活力的15秒动态图形视频,展现你最出色的动态设计技能,就像这是你为梦想工作准备的作品集中最亮眼的高光时刻。带来精准的节奏、流畅的转场和出众的…@AIStockSavvy
- 制作一个关于 distilbook 的30秒动态运动图形视频,类似产品介绍视频,视频必须非常精彩 (产品网址)@sudo_kiran