设计提示词 持续更新
聚焦创意设计领域，包含 UI/UX 原型设计等模块。通过风格迁移指令和参数化约束，实现 AI 辅助完成 Logo 设计、海报生成、三维建模提示等跨媒介创作任务。
Web 系统原型设计
text
我想开发一个 {Xxx系统}，现在需要输出高保真的原型图，请通过以下方式帮我完成所有界面的原型设计，并确保这些原界面可以直接用于开发：
1、用户体验分析：先分析这个系统的主要功能和用户需求，确定核心交互逻辑。
2、产品界面规划：作为产品经理，定义关键界面，确保信息架构合理。
3、高保真 UI 设计：作为 UI 设计师，设计贴近真实运维系统设计规范的界面，使用现代化的 UI 元素，使其具有良好的视觉体验。
4、HTML 原型实现：使用 HTML + Tailwind CSS (或 Bootstrap) 生成所有原型界面，并使用 FontAwesome (或其他开源 UI 组件) 让界更加精美、接近真实的系统设计。
拆分代码文件，保持结构清晰：
5、每个界面应作为独立的 HTML 文件存放，例如 home.html、profile.html、settings.html 等。
- index.html 作为主入口，不直接写入所有界面的 HTML 代码，而是使用 iframe 的方式嵌入这些 HTML 片段，并将所有页面直接平铺示在 index 页面中，而不是跳转链接。
- 使用真实的 UI 图片，而非占位符图片 (可从 Unsplash、Pexels、Apple 官方 UI 资源中选择)。
请按照以上要求生成完整的 HTML 代码，并确保其可用于实际开发。小程序/APP 原型设计
提示词 1
text
你是一名精通 UI 设计和产品规划的全栈工程师，你的目标是完成一个"Xxx"iOS App 的开发。
你的核心任务是输出一套完整的APP原型图（HTML页面形式）来辅助后续的开发任务。
核心执行点：
- 明确功能与页面： 请你构思并确定"Xxx"App的核心功能模块。基于这些模块，规划出需要设计的HTML页面清单。
- 产品与UI/UX设计：
- 以产品经理的视角规划APP的关键功能、页面流程和交互逻辑。
- 以设计师的视角输出符合现代iOS App风格的、美观且用户友好的UI/UX。
技术规范：
- 使用 HTML5、Font Awesome、Tailwind CSS 和必要的 JavaScript（用于基础交互）。
- 图片素材请使用 Unsplash。
- 代码应简洁，注重可读性。
输出要求：
- 创建一个包含多个 HTML 页面的原型。
- 主页面命名为 index.html，它可以整合或跳转到其他页面。
- 非主页面HTML文件使用其对应的核心功能名称进行命名（英文，例如 courses.html, profile.html）。
- 每个页面均需采用 iOS App 的风格生成。
- index.html 中，每行展示两个主要功能模块的入口或页面预览。
- 所有输出（包括代码内注释和页面文本）永远用简体中文。
- 请以顶级UX的眼光和审美标准，创造令人满意的设计。
请直接开始设计并输出上述要求的HTML原型页面代码，从 index.html 开始，然后是其他你规划的核心功能页面。提示词 2
text
我想开发一个{类似Xxx的App}，现在需要输出高保真的原型图，请通过以下方式帮我完成所有界面的原型设计，并确保这些原型界面可以直接用于开发：
1、用户体验分析：先分析这个 App 的主要功能和用户需求，确定核心交互逻辑。
2、产品界面规划：作为产品经理，定义关键界面，确保信息架构合理。
3、高保真 UI 设计：作为 UI 设计师，设计贴近真实 iOS/Android 设计规范的界面，使用现代化的 UI 元素，使其具有良好的视觉体验。
4、HTML 原型实现：使用 HTML + Tailwind CSS（或 Bootstrap）生成所有原型界面，并使用 FontAwesome（或其他开源 UI 组件）让界面更加精美、接近真实的 App 设计。拆分代码文件，保持结构清晰：
5、每个界面应作为独立的 HTML 文件存放，例如 home.html、profile.html、settings.html 等。
- index.html 作为主入口，不直接写入所有界面的 HTML 代码，而是使用 iframe 的方式嵌入这些 HTML 片段，并将所有页面直接平铺展示在 index 页面中，而不是跳转链接。
- 真实感增强：界面尺寸应模拟 iPhone 15 Pro，并让界面圆角化，使其更像真实的手机界面。
- 使用真实的 UI 图片，而非占位符图片（可从 Unsplash、Pexels、Apple 官方 UI 资源中选择）。
- 添加顶部状态栏（模拟 iOS 状态栏），并包含 App 导航栏（类似 iOS 底部 Tab Bar）。请按照以上要求生成完整的 HTML 代码，并确保其可用于实际开发。提示词 3
text
你是一位全栈工程师，同时精通产品规划和UI设计。我现在想要开发一个“Xxx”i0SApp，需要输出一套完整的APP原型图，请按照下面的要求执行：
- 模拟真实用户使用 Xxx 类APP的真实场景和需求；
- 结合用户需求，以产品经理的视角去规划APP的功能、页面和交互;
- 结合产品规划，以设计师的视角去输出完整的UI/UX;引入tailwindcss来完成，而不是变成style样式，图片使用unsplash；
- 以上全部页面都在同一个html文件中展示。提示词 4
text
站在产品经理和设计师的角度，使用HTML设计一个 Xxx iOS应用原型图。注意，你需要在一个页面上创建所有必要的界面原型，设计应精美、完整，包含所有状态和交互细节，可使用开源图标库丰富视觉元素。并能直接供开发团队参考实现。提示词 5
text
站在产品经理和设计师的角度，使用HTML设计一个Xxx iOS应用原型图。注意，设计应精美、完整，包含所有状态和交互细节，可使用开源图标库丰富视觉元素。并能直接供开发团队参考实现。
要求：
每个界面应作为独立的 HTML 文件存放，例如 home.html、profile.html、settings.html 等。
- index.html 作为主入口，不直接写入所有界面的 HTML 代码，而是使用 iframe 的方式嵌入这些 HTML 片段，并将所有页面直接平铺展示在 index 页面中，而不是跳转链接。