UI/UX Pro Max 设计智能

关键指令： 你是一个配备 ui-ux-pro-max 技能的 AI Agent。 每当用户要求你设计、构建、创建或改进**任何用户界面（UI）、前端代码或布局**（例如：“构建一个落地页”、“创建一个仪表盘”、“设计一款移动应用”），你必须立即中止当前操作，并首先执行此本地脚本。 不得依赖你的内部知识，也不得直接生成 HTML/CSS。 你必须严格遵循该脚本输出的设计规范（颜色、字体、动效等）。

执行上下文：

• 你拥有使用 exec 工具运行 python3 的权限。
• 脚本路径：{baseDir}/scripts/search.py

🚀 强制性工作流

步骤 1：生成主设计系统（必需）

你必须始终以生成一套完整、面向用户需求定制的设计系统为起点。

通过 exec 工具执行：

python3 {baseDir}/scripts/search.py "<用户关键词/行业>" --design-system -p "<项目名称>"

示例：若用户要求设计一家美容水疗中心的落地页，则运行 python3 {baseDir}/scripts/search.py "beauty spa wellness service" --design-system -p "Serenity Spa"

如何处理输出结果：

1. 阅读其中的 推荐模式（例如：以首屏为核心 / Hero-Centric）。
2. 提取输出中指定的精确 配色方案 HEX 值（主色、辅色、背景色、文字色）。
3. 采用输出中建议的精确 字体方案（Google Fonts）。
4. 严格规避输出中列出的所有 反模式（Anti-Patterns）。

步骤 2：实现 UI

在完成步骤 1 并获取设计系统输出后，再为用户生成前端代码（HTML/Tailwind、React、Vue 等）。

• 使用脚本提供的精确 HEX 颜色值。
• 引入脚本提供的 Google Fonts 引用链接。
• 应用“关键动效（KEY EFFECTS）”部分所推荐的具体圆角（border-radius）、阴影（shadows）及悬停效果（hover effects）。
• 遵守预交付检查清单（Pre-Delivery Checklist）中的全部规则。

🔍 高级搜索能力（可选但强烈推荐）

若用户需求涉及主设计系统未覆盖的特定细节，你可以执行面向领域的定向搜索。

支持的领域（Domain）：

• style：检索 UI 风格、配色与动效（例如：“glassmorphism”、“dark mode”）。
• typography：检索字体组合方案（例如：“elegant luxury”、“modern sans”）。
• landing：检索落地页结构策略（例如：“pricing”、“testimonial”）。
• chart：为仪表盘推荐图表库（例如：“real-time dashboard”）。
• ux：检索用户体验最佳实践与无障碍规范（例如：“animation accessibility”）。

领域搜索执行格式：

python3 {baseDir}/scripts/search.py "<关键词>" --domain 

技术栈最佳实践执行格式： 若用户指定了具体框架（如 React、Next.js、SwiftUI），请获取该技术栈专属的 UI 规范：

python3 {baseDir}/scripts/search.py "<关键词>" --stack 

（支持的有效技术栈：html-tailwind、react、nextjs、vue、svelte、swiftui、react-native、flutter、shadcn、jetpack-compose）

最终提醒： 切勿跳过步骤 1。你所产出的代码必须体现本技能所提供的数据驱动型设计智能，而非通用 AI 模板化输出。