https://blog.margrop.net/tag/ui%E8%AE%BE%E8%AE%A1/ Recent content in UI设计 on 魔都水滴 Hugo -- gohugo.io zh-CN Fri, 22 May 2026 22:50:00 +0800 https://blog.margrop.net/post/ui-ux-pro-max-agent-skill-guide/ Fri, 22 May 2026 22:50:00 +0800 https://blog.margrop.net/post/ui-ux-pro-max-agent-skill-guide/ <blockquote> <p><strong>先说结论</strong></p> <p>UI UX Pro Max 不是一个“让 Agent 变会审美”的魔法提示词，而是一套可以被 Claude Code、Codex、Cursor、Windsurf、Gemini、OpenCode 等 Agent 调用的 UI/UX 设计知识库与搜索型 Skill。它把产品类型、行业、视觉风格、色彩、字体、落地页结构、图表、可访问性、前端技术栈建议等内容整理成可查询的数据和脚本，让 Agent 在动手写页面之前先生成一套设计系统，再按设计系统实现。</p> <p>正确姿势不是“装完以后继续一句话让它做个好看的页面”，而是让 Agent 先调用 <code>search.py --design-system</code>，再补充 UX、图表、技术栈查询，最后把这些结果落到组件、布局、颜色、动效和验收清单里。这样做的价值很直接：减少 AI 紫色渐变、千篇一律 Hero、低对比度文字、移动端溢出、卡片套卡片、按钮没有 hover/focus 状态这些常见 Agent UI 问题。</p> </blockquote> <p>本文只使用公开资料、公开仓库和干净示例目录中的验证结果。文中的命令、路径、项目名均为通用示例，不包含任何真实内网地址、账号、密钥、业务项目名或个人配置。截图来自公开参考页面和一次隔离目录中的安装/使用验证，不包含隐私信息。</p>