AI 能力专项测试
PROMPT LIBRARY / TC-03 · FULL TEXT · 510 CHARS

前端落地页 · 户外机能风LANDING PAGE · OUTDOOR GEAR

不给风格约束的商业落地页:由模型自主设计一套自洽、有辨识度的视觉方案。

TC-03 考察维度 · 视觉与交互设计 来源 · prompts/提示词/TC-03.md
// PROMPT — TC-03 · 510 CHARS●●●
001
002【任务】
003请设计并实现一个前端落地页:一个户外机能风运动装备品牌的产品展示页。
004品牌定位强调:高质量、高耐用度、高实用性。
005这是真实的商业场景页面,请把它当作要上线使用的产品来做。
006
007【功能要求】
0081. 页面结构完整,包含:品牌头部导航、核心卖点区(Hero)、
009 产品展示区(至少 4 款产品)、品牌故事区、预订入口、页脚
0102. 产品展示区每款产品包含:名称、简介、价格、图片
011 (可用占位图或图形绘制)
0123. 预订入口有明确交互(表单或按钮流程),操作有反馈
0134. 适配桌面与移动端(不同屏幕宽度下布局不崩坏)
0145. 交互细节:悬停、过渡动画等酌情完善
015
016【视觉要求】
017- 不指定风格,由你根据品牌调性自主设计一套完整、统一、有辨识度的
018 视觉方案
019- 视觉方案须自洽:配色、字体、布局风格前后一致
020- 视觉表达需呼应品牌定位(高质量、高耐用度、高实用性)
021
022【技术要求】
023- 工作区完整项目(Vite + React 或原生均可),可直接构建运行
024- 页面打开即可正常浏览,无报错
025- 代码结构清晰(组件划分、状态管理合理)
026
027【交付要求】
028- 项目结构完整,说明运行方式;如已实际运行,请说明结果
029
030
// END OF PROMPT
C1 提示词服从C2 视觉与交互C3 工程完备C4 代码质量
← TC-02 3D 体素自然景观 · 山瀑布穿云 TC-04 童话改编创作 · 小红帽反套路 →