# Send UI UX Pro Max to your agent Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually. ## Fast path - Download the package from Yavira. - Extract it into a folder your agent can access. - Paste one of the prompts below and point your agent at the extracted folder. ## Suggested prompts ### New install ```text I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Then review README.md for any prerequisites, environment setup, or post-install checks. Tell me what you changed and call out any manual steps you could not complete. ``` ### Upgrade existing ```text I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Then review README.md for any prerequisites, environment setup, or post-install checks. Summarize what changed and any follow-up checks I should run. ``` ## Machine-readable fields ```json { "schemaVersion": "1.0", "item": { "slug": "ui-ux-pro-max-plus", "name": "UI UX Pro Max", "source": "tencent", "type": "skill", "category": "开发工具", "sourceUrl": "https://clawhub.ai/iReact2Code/ui-ux-pro-max-plus", "canonicalUrl": "https://clawhub.ai/iReact2Code/ui-ux-pro-max-plus", "targetPlatform": "OpenClaw" }, "install": { "downloadUrl": "/downloads/ui-ux-pro-max-plus", "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=ui-ux-pro-max-plus", "sourcePlatform": "tencent", "targetPlatform": "OpenClaw", "packageFormat": "ZIP package", "primaryDoc": "SKILL.md", "includedAssets": [ "README.md", "SKILL.md", "references/charts.md", "references/color-palettes.md", "references/components.md", "references/typography.md" ], "downloadMode": "redirect", "sourceHealth": { "source": "tencent", "slug": "ui-ux-pro-max-plus", "status": "healthy", "reason": "direct_download_ok", "recommendedAction": "download", "checkedAt": "2026-05-10T07:59:53.486Z", "expiresAt": "2026-05-17T07:59:53.486Z", "httpStatus": 200, "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=ui-ux-pro-max-plus", "contentType": "application/zip", "probeMethod": "head", "details": { "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=ui-ux-pro-max-plus", "contentDisposition": "attachment; filename=\"ui-ux-pro-max-plus-1.0.0.zip\"", "redirectLocation": null, "bodySnippet": null, "slug": "ui-ux-pro-max-plus" }, "scope": "item", "summary": "Item download looks usable.", "detail": "Yavira can redirect you to the upstream package for this item.", "primaryActionLabel": "Download for OpenClaw", "primaryActionHref": "/downloads/ui-ux-pro-max-plus" }, "validation": { "installChecklist": [ "Use the Yavira download entry.", "Review SKILL.md after the package is downloaded.", "Confirm the extracted package contains the expected setup assets." ], "postInstallChecks": [ "Confirm the extracted package includes the expected docs or setup files.", "Validate the skill or prompts are available in your target agent workspace.", "Capture any manual follow-up steps the agent could not complete." ] } }, "links": { "detailUrl": "https://openagent3.xyz/skills/ui-ux-pro-max-plus", "downloadUrl": "https://openagent3.xyz/downloads/ui-ux-pro-max-plus", "agentUrl": "https://openagent3.xyz/skills/ui-ux-pro-max-plus/agent", "manifestUrl": "https://openagent3.xyz/skills/ui-ux-pro-max-plus/agent.json", "briefUrl": "https://openagent3.xyz/skills/ui-ux-pro-max-plus/agent.md" } } ``` ## Documentation ### UI UX Pro Max - 专业设计资源库 完整的 UI/UX 设计资源库，让 AI 生成的界面像专业设计师作品一样精美。 ### 何时使用此 Skill 设计任何用户界面时需要专业参考 选择配色方案（品牌色、功能色、中性色） 挑选字体组合（标题+正文） 设计数据可视化图表 需要 UX 最佳实践指导 寻找特定行业/风格的设计灵感 ### 资源导航 资源类型文件内容🎨 UI 风格库references/ui-styles.md50+ 种界面设计风格🌈 配色方案references/color-palettes.md100+ 专业调色板🔤 字体配对references/typography.md精选字体组合📊 图表类型references/charts.md数据可视化指南📘 UX 模式references/ux-patterns.md用户体验最佳实践🎯 组件库references/components.md常用组件设计规范 ### 1. 确定设计风格 先读取 references/ui-styles.md，选择适合项目的设计风格： SaaS/企业应用 → Minimalist / Corporate 电商 → Modern E-commerce / Luxury 创意作品 → Brutalist / Glassmorphism 社交应用 → Neumorphism / Soft UI ### 2. 选择配色 读取 references/color-palettes.md，根据品牌调性选择： 科技/专业 → Blue/Cyan 系列 自然/健康 → Green/Earth 系列 时尚/美妆 → Purple/Pink 系列 金融/法律 → Navy/Gray 系列 ### 3. 搭配字体 读取 references/typography.md： 现代科技感 → Inter + JetBrains Mono 优雅精致 → Playfair Display + Inter 友好亲和 → Nunito + Open Sans ### 4. 应用 UX 模式 读取 references/ux-patterns.md 获取具体场景的交互模式。 ### 选择 UI 风格的 3 个问题 目标用户是谁？ 企业用户 → 简洁、专业、高效 年轻消费者 → 活泼、大胆、有趣 高端客户 → 精致、留白、质感 产品类型是什么？ 工具类 → 功能优先，清晰直观 内容类 → 阅读体验，排版优雅 社交类 → 情感连接，互动感强 品牌调性如何？ 创新先锋 → 尝试新风格（Glassmorphism） 稳定可靠 → 经典风格（Material Design） 独特个性 → 大胆风格（Brutalist） ### 配色选择矩阵 场景主色辅助色强调色科技产品Blue-600Slate-500Cyan-400健康医疗Teal-600Gray-500Emerald-400金融科技Indigo-700Gray-600Amber-500电商零售Rose-600Gray-500Violet-500教育培训Violet-600Slate-500Yellow-400娱乐社交Fuchsia-600Gray-500Pink-500 ### Tailwind CSS 快速应用 /* 配色示例 */ .bg-brand { @apply bg-blue-600; } .text-muted { @apply text-gray-500; } .border-accent { @apply border-cyan-400; } /* 字体示例 */ .font-heading { @apply font-display text-3xl font-bold; } .font-body { @apply font-sans text-base leading-relaxed; } ### 响应式断点建议 Mobile First: - 默认: 320px+ - sm: 640px+ - md: 768px+ - lg: 1024px+ - xl: 1280px+ ### 间距系统 /* 8px 基础倍数 */ space-1: 4px space-2: 8px space-3: 12px space-4: 16px space-6: 24px space-8: 32px space-12: 48px space-16: 64px ### 专业提示 不要混合太多风格 - 选择1种主风格，2-3个设计元素点缀 颜色不超过5种 - 主色、辅助色、中性色、成功色、错误色 字体最多2种 - 1种标题字体 + 1种正文字体 留白是设计 - 不要害怕空白，它是呼吸空间 一致性 > 创新 - 保持设计系统的一致性比追求独特更重要 ### 参考资源 UI Styles → 选择界面风格 Color Palettes → 选择配色方案 Typography → 选择字体配对 Charts → 选择图表类型 UX Patterns → 学习交互模式 Components → 查看组件规范 记住： 好的设计不是堆砌特效，而是解决问题。先确保可用性，再追求美观。 ## Trust - Source: tencent - Verification: Indexed source record - Publisher: iReact2Code - Version: 1.0.0 ## Source health - Status: healthy - Item download looks usable. - Yavira can redirect you to the upstream package for this item. - Health scope: item - Reason: direct_download_ok - Checked at: 2026-05-10T07:59:53.486Z - Expires at: 2026-05-17T07:59:53.486Z - Recommended action: Download for OpenClaw ## Links - [Detail page](https://openagent3.xyz/skills/ui-ux-pro-max-plus) - [Send to Agent page](https://openagent3.xyz/skills/ui-ux-pro-max-plus/agent) - [JSON manifest](https://openagent3.xyz/skills/ui-ux-pro-max-plus/agent.json) - [Markdown brief](https://openagent3.xyz/skills/ui-ux-pro-max-plus/agent.md) - [Download page](https://openagent3.xyz/downloads/ui-ux-pro-max-plus)