文档(ui): 接入 UI/UX skill 触发入口

背景：
- UI/UX 与动效组件库 skill 已加入，需要让新会话和 always-on 规则能按需触发。

改动：
- 更新 ARCHITECTURE_AND_FLOW，补充 UI/UX、React Bits、roughViz、Magic UI、Motion 触发场景。
- 更新 mos_always_rules 和 AGENT_QUICK_START_PROMPT。
- 更新 mos_core README 的主要新增能力。

验证：
- 已运行 git-preflight --staged-required。
- 相关全量检查已在上一提交前通过。

影响：
- 新会话可按 UI/UX、动效组件、图表、Magic UI、Motion 等关键词发现对应 skill。

mos_v3/mos_core/AGENT_QUICK_START_PROMPT.md

@@ -115,6 +115,11 @@ Claude Code 记忆插件 / claude-mem → claude_mem_integration
 外部平台资料访问 → agent_reach_research
 仓库图谱 / 影响分析 → gitnexus_repo_graph
 中文自然化 / 去 AI 味 → humanizer_zh
+UI/UX 设计 / 界面审查 → ui_ux_pro_max_design
+React Bits / React 动效组件 → react_bits_components
+roughViz / 手绘风图表 → roughviz_charts
+Magic UI / Tailwind 组件 / MCP → magic_ui_components
+Motion / Framer Motion / 动画编排 → motion_animation
 证据和回源验证 → evidence_verification
 上下文恢复 → context_recovery
 ```

mos_v3/mos_core/ARCHITECTURE_AND_FLOW.md

@@ -59,6 +59,11 @@ Eval 检查空搜索、重复写入、证据、恢复质量
 - `agent_reach_research`：外部平台资料访问、跨平台检索和证据回源。
 - `gitnexus_repo_graph`：仓库知识图谱、影响分析和 repo-specific skill 生成。
 - `humanizer_zh`：中文自然化、去 AI 味和文档润色。
+- `ui_ux_pro_max_design`：UI/UX 设计、信息架构、视觉风格和可用性审查。
+- `react_bits_components`：React Bits 动效组件和视觉 blocks 选型。
+- `roughviz_charts`：手绘风图表和低保真数据可视化。
+- `magic_ui_components`：Magic UI React/Tailwind 组件和 MCP/registry 查询规划。
+- `motion_animation`：Motion.dev / Framer Motion 动画编排和交互动效。
 
 使用规则：
 
@@ -168,6 +173,11 @@ py -3 tools\mos_cli.py git-preflight --repo <repo>
 | 外部平台资料访问 | `agent_reach_research` skill | 跨平台检索和 source refs |
 | 大型仓库结构/影响分析 | `gitnexus_repo_graph` skill | 仓库图谱和 repo-specific skill |
 | 中文自然化/去 AI 味 | `humanizer_zh` skill | 保持事实不变的中文润色 |
+| UI/UX 设计和可用性审查 | `ui_ux_pro_max_design` skill | 页面结构、视觉风格和实现清单 |
+| React 动效组件和视觉 blocks | `react_bits_components` skill | React Bits 选型和回源 |
+| 手绘风图表 | `roughviz_charts` skill | roughViz 图表选型 |
+| Magic UI 组件/MCP | `magic_ui_components` skill | Magic UI registry 和安装规划 |
+| Motion/Framer Motion 动效 | `motion_animation` skill | 动画状态、触发器和性能边界 |
 | 关键事实需要确认 | `evidence_verification` skill | 证据等级和回源 |
 | MOS 效果变差 | `eval-memory`、`memory_scaffold_evaluation_policy.md` | 评估和修正规则 |
 

mos_v3/mos_core/README.md

@@ -100,3 +100,9 @@ py -3 tools\mos_cli.py git-preflight --repo <repo>
 - `skills/agent_reach_research/SKILL.md`：外部平台资料访问和证据回源。
 - `skills/gitnexus_repo_graph/SKILL.md`：仓库知识图谱和影响分析。
 - `skills/humanizer_zh/SKILL.md`：中文自然化和文档润色。
+- `memory_cards/ui_ux_animation_libraries_policy.md`：UI/UX、组件库、图表和动效库吸收边界。
+- `skills/ui_ux_pro_max_design/SKILL.md`：UI/UX 设计和可用性审查。
+- `skills/react_bits_components/SKILL.md`：React Bits 动效组件选型。
+- `skills/roughviz_charts/SKILL.md`：roughViz 手绘风图表规划。
+- `skills/magic_ui_components/SKILL.md`：Magic UI 组件和 MCP/registry 查询规划。
+- `skills/motion_animation/SKILL.md`：Motion 动画编排和交互动效。

mos_v3/mos_core/mcp_adapters/magic_ui_mcp_notes.md

@@ -0,0 +1,39 @@
+# Magic UI MCP Notes
+
+本文件记录 Magic UI MCP 对 MOS v3 的参考价值和使用边界。MOS v3 不默认启用 MCP，也不保存 MCP token、账号或本地配置。
+
+## 1. 来源
+
+```text
+https://github.com/magicuidesign/mcp
+```
+
+## 2. 适用场景
+
+- 查询 Magic UI 组件 registry。
+- 获取组件详情、安装提示或使用说明。
+- 在 agent 工作流中辅助选择 React/Tailwind 组件。
+- 为 `magic_ui_components` skill 提供回源入口。
+
+## 3. 使用原则
+
+1. MCP 查询结果只是导航，不替代 Magic UI 官方 registry 和源码。
+2. 启用 MCP 前必须确认用户当前 agent 支持 MCP。
+3. 不在 MOS 框架仓库中写入用户私有 MCP 配置。
+4. 不保存 token、cookie、账号或私有 endpoint。
+5. 如果项目不使用 React/Tailwind，不应默认引入 Magic UI。
+
+## 4. 建议流程
+
+```text
+确认目标前端栈 → 确认是否需要 Magic UI
+→ 用户确认是否启用 MCP → 查询 registry
+→ 回源核验组件 API → 在目标项目中安装或复制组件
+```
+
+## 5. 不要误用
+
+- 不把 MCP 当成自动安装器。
+- 不把 MCP 查询结果当 confirmed 技术事实。
+- 不在未确认项目技术栈时推荐具体组件。
+- 不把 Magic UI 组件复制进 MOS 框架仓库。

mos_v3/mos_core/memory_cards/ui_ux_animation_libraries_policy.md

@@ -0,0 +1,120 @@
+# MC-UI-0001 UI/UX 与动效组件库吸收规范
+
+- status: proposed
+- domain: ui_ux / frontend / visualization / animation
+- tags: ui-ux-pro-max, react-bits, roughviz, magic-ui, motion, react, tailwind, chart, animation
+- memory_type: procedural
+- namespace: global/mos_v3/ui
+- created: 2026-07-09
+- updated: 2026-07-09
+- supersedes:
+- superseded_by:
+- validity: active
+- last_reviewed: 2026-07-09
+- review_after:
+- source_of_truth: GitHub upstream repositories listed in source_refs
+- derived_from:
+- refresh_policy: before_use
+- valid_until:
+
+### 结论
+
+MOS v3 吸收 UI/UX、React 组件、图表和动效库时，采用“封装吸收”策略：只吸收设计流程、选型规则、触发条件、回源入口和安全边界，不 vendor 第三方完整仓库，不复制大量组件源码。具体项目中安装 React Bits、Magic UI、Motion、roughViz 等库前，必须回源确认版本、license、安装命令和组件 API。
+
+### 证据
+
+- 证据等级：proposed
+- 证据摘要：基于 GitHub 上公开项目定位整理为 MOS skill 封装。
+- 已验证内容：已识别上游仓库入口和主要适用方向。
+- 未验证内容：各项目最新安装方式、license、组件 API、MCP 配置和兼容性需使用前回源核验。
+- 事实源：GitHub 上游仓库。
+- 刷新规则：安装、复制组件、使用 API 或连接 MCP 前必须回源。
+
+### 项目映射
+
+```text
+UI-UX-Pro-Max → ui_ux_pro_max_design：agent UI/UX 设计流程、风格、可用性和审查。
+React Bits    → react_bits_components：React 动效组件、文本动画、背景和 UI blocks 参考。
+roughViz      → roughviz_charts：手绘风图表和低保真数据可视化。
+Magic UI      → magic_ui_components：React/Tailwind 落地页组件、视觉特效和 registry/MCP 查询。
+Motion        → motion_animation：Motion.dev / 原 Framer Motion 动画编排和交互动效。
+```
+
+### 使用边界
+
+1. MOS 只保存 skill、policy、source refs 和选型流程。
+2. 第三方组件源码只应安装到具体前端项目，不安装到 MOS 框架仓库。
+3. UI/UX 建议不得覆盖用户明确的产品约束、品牌规范、无障碍要求和技术栈限制。
+4. 组件选型前先确认项目框架：React、Next.js、Tailwind、Vue、纯 JS、Python 等。
+5. 动效和视觉特效必须服务可用性，不为炫技牺牲交互清晰度、性能和可访问性。
+
+### 回源入口
+
+```text
+source_refs:
+- type: repository
+  path: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
+  line:
+  command:
+  result: UI-UX-Pro-Max agent design skill source.
+- type: repository
+  path: https://github.com/DavidHDev/react-bits
+  line:
+  command:
+  result: React Bits animated React components source.
+- type: repository
+  path: https://github.com/vasanthk/react-bits
+  line:
+  command:
+  result: Older React patterns knowledge base with same name; avoid confusing it with DavidHDev/react-bits.
+- type: repository
+  path: https://github.com/jwilber/roughViz
+  line:
+  command:
+  result: roughViz browser hand-drawn chart library source.
+- type: repository
+  path: https://github.com/hannansatopay/roughviz
+  line:
+  command:
+  result: Python roughviz hand-drawn chart library source.
+- type: repository
+  path: https://github.com/magicuidesign/magicui
+  line:
+  command:
+  result: Magic UI React/Tailwind component library source.
+- type: repository
+  path: https://github.com/magicuidesign/mcp
+  line:
+  command:
+  result: Magic UI MCP server / registry access source.
+- type: repository
+  path: https://github.com/motiondivision/motion
+  line:
+  command:
+  result: Motion.dev / former Framer Motion animation library source.
+- type: repository
+  path: https://github.com/motiondivision/motion-vue
+  line:
+  command:
+  result: Motion Vue source, only relevant for Vue projects.
+```
+
+### 触发条件
+
+- 用户要求 UI/UX 设计、界面改版、落地页、组件选型、动效、图表或中文前端文档。
+- 用户提到 UI-UX-Pro-Max、React Bits、roughViz、Magic UI、Motion、Framer Motion。
+- 需要为前端项目选择组件库、动画库或图表风格。
+- 需要把 UI 方案变成 agent 可执行的设计/实现步骤。
+
+### 不要误用
+
+1. 不把第三方组件 API 当作稳定事实；使用前回源。
+2. 不把 React 组件库用于非 React 项目，除非明确做迁移或重写。
+3. 不为了视觉效果引入过重依赖。
+4. 不在 MOS 仓库安装前端依赖。
+5. 不把手绘风图表用于严肃精确的工程指标展示，除非用户明确要求。
+
+### 后续动作
+
+- 若用户后续要求在具体前端项目中安装这些库，应在目标项目仓库内执行，并遵守项目 Git 规则。
+- 可后续新增 Magic UI MCP 适配说明或前端组件选择评分表。

mos_v3/mos_core/mos_always_rules.md

@@ -33,6 +33,7 @@
 | 外部平台资料访问 | `skills/agent_reach_research/SKILL.md`、`source_registry.md` |
 | 仓库图谱和影响分析 | `skills/gitnexus_repo_graph/SKILL.md` |
 | 中文自然化、去 AI 味 | `skills/humanizer_zh/SKILL.md` |
+| UI/UX 设计、组件选型、动效、图表 | `memory_cards/ui_ux_animation_libraries_policy.md`、相关 UI skill |
 | 提示词优化 | `skills/prompt_optimization/SKILL.md` |
 | 证据和回源验证 | `evidence_policy.md`、`skills/evidence_verification/SKILL.md` |
 | MOS 质量评估 | `memory_scaffold_evaluation_policy.md`、`tools/evaluate_memory_scaffold.py` |

mos_v3/mos_core/skills/README.md

@@ -18,6 +18,11 @@
 - `agent_reach_research`：外部平台资料访问、跨平台检索和证据回源。
 - `gitnexus_repo_graph`：仓库知识图谱、影响分析和 repo-specific skill 生成。
 - `humanizer_zh`：中文自然化、去 AI 味和文档润色。
+- `ui_ux_pro_max_design`：UI/UX 设计、信息架构、视觉风格和可用性审查。
+- `react_bits_components`：React Bits 动效组件、背景、文本动画和 UI blocks 选型。
+- `roughviz_charts`：roughViz 手绘风图表和低保真数据可视化。
+- `magic_ui_components`：Magic UI React/Tailwind 组件和 MCP/registry 查询规划。
+- `motion_animation`：Motion.dev / Framer Motion 动画编排和交互动效。
 - `git_collaboration`：Git 状态检查、暂存、提交、tag、release、push。
 - `git_platform_operations`：GitHub、GitLab、Gitee、GitLink 平台操作，包含 PR/MR、Issue、Release、CI、保护分支和附件上传。
 - `context_recovery`：上下文压缩、handoff、新会话恢复。

mos_v3/mos_core/skills/magic_ui_components/SKILL.md

@@ -0,0 +1,47 @@
+---
+name: magic_ui_components
+description: 吸收 Magic UI 的 React/Tailwind 组件库和 Magic UI MCP 思路，用于落地页、视觉组件、组件 registry 查询和安装规划。
+---
+
+# magic_ui_components
+
+用于在 React/Next.js/Tailwind 项目中规划 Magic UI 组件使用。MOS 不安装 Magic UI，也不复制组件源码；具体项目使用前必须回源确认 registry、安装命令和组件依赖。
+
+## 1. 触发场景
+
+1. 用户提到 Magic UI。
+2. 需要 landing page、hero、marquee、particles、cards、bento、pricing 等视觉组件。
+3. 项目使用 React、Next.js、Tailwind 或 shadcn 风格组件。
+4. 需要通过 Magic UI MCP 查询 registry 或组件详情。
+
+## 2. 流程
+
+```text
+确认前端栈 → 明确页面目标 → 选择组件类型
+→ 回源查 Magic UI registry/API → 评估依赖 → 在目标项目安装/复制组件
+```
+
+## 3. MCP 规则
+
+1. Magic UI MCP 只作为可选查询入口，不默认启用。
+2. 启用 MCP 前必须确认用户环境、权限和目标 agent 支持。
+3. MCP 查询结果仍是导航，组件 API 以官方 registry/源码为准。
+
+## 4. 输出模板
+
+```text
+magic_ui_components:
+- project stack:
+- page goal:
+- candidate Magic UI components:
+- registry/source refs:
+- install plan:
+- risks:
+```
+
+## 5. 禁止行为
+
+1. 不把 Magic UI 安装到 MOS 框架仓库。
+2. 不假设所有项目都有 Tailwind/shadcn。
+3. 不复制大量组件源码到 MOS。
+4. 不默认启用 MCP。

mos_v3/mos_core/skills/motion_animation/SKILL.md

@@ -0,0 +1,61 @@
+---
+name: motion_animation
+description: 吸收 Motion.dev / 原 Framer Motion 的动画编排思路，用于 React、JavaScript 或 Vue 项目的交互动效设计和实现规划。
+---
+
+# motion_animation
+
+用于规划页面转场、微交互、列表动画、手势动画和复杂动效编排。具体安装和 API 使用必须回源 Motion 上游文档或仓库。
+
+## 1. 触发场景
+
+1. 用户提到 Motion、motion.dev、Framer Motion。
+2. React/Next.js/Vue 项目需要动画或交互动效。
+3. 需要协调 React Bits、Magic UI 和自定义动效。
+4. 页面交互需要进入/退出、hover、drag、layout transition 等状态。
+
+## 2. 流程
+
+```text
+确认运行框架 → 明确动效目的 → 列出状态和触发器
+→ 选择 Motion 能力 → 回源确认 API → 评估性能和可访问性
+```
+
+动效类型：
+
+```text
+enter / exit
+hover / tap
+drag / gesture
+layout transition
+scroll animation
+staggered list
+shared layout
+```
+
+## 3. 使用规则
+
+1. 动效必须有明确交互目的。
+2. 为减少眩晕和性能问题，应支持简化动效或减少动效。
+3. 与 React Bits / Magic UI 同时使用时，避免重复动画层。
+4. Vue 项目应单独确认是否使用 Motion Vue。
+5. 不在未确认版本时写死 API。
+
+## 4. 输出模板
+
+```text
+motion_animation:
+- framework:
+- animation purpose:
+- states/triggers:
+- Motion features:
+- accessibility/performance:
+- implementation steps:
+```
+
+## 5. 禁止行为
+
+1. 不为了炫酷牺牲交互清晰度。
+2. 不忽略 reduced motion 或低性能设备。
+3. 不把 Motion 安装到 MOS 框架仓库。
+4. 不复制 Motion 上游源码到 MOS。

mos_v3/mos_core/skills/react_bits_components/SKILL.md

@@ -0,0 +1,59 @@
+---
+name: react_bits_components
+description: 吸收 React Bits 的 React 动效组件和视觉组件参考流程，用于选择文本动画、背景、UI blocks 和视觉增强组件。
+---
+
+# react_bits_components
+
+用于在 React/Next.js 项目中参考 React Bits 的动效组件、背景、文本动画和 UI blocks。MOS 不 vendor 组件源码；具体使用前必须在目标项目前回源确认安装方式和组件 API。
+
+## 1. 触发场景
+
+1. 用户提到 React Bits。
+2. React/Next.js 页面需要视觉增强、文本动画、背景动效或 UI blocks。
+3. 需要快速做 landing page、展示页、作品集或产品首页。
+4. 需要比较 React Bits 与 Magic UI、Motion 的分工。
+
+## 2. 流程
+
+```text
+确认 React 技术栈 → 明确视觉目标 → 选择组件类型
+→ 回源查组件 API → 评估依赖和性能 → 在目标项目安装/实现
+```
+
+组件类型：
+
+```text
+text animation
+backgrounds
+buttons / cards / blocks
+interactive visual effects
+page sections
+```
+
+## 3. 选型规则
+
+1. 简单动效优先用项目已有 CSS/Tailwind/Motion。
+2. 复杂视觉 blocks 可参考 React Bits。
+3. 已使用 shadcn/Tailwind 的项目可同时比较 Magic UI。
+4. 对性能敏感页面必须限制动效数量和首屏成本。
+5. 非 React 项目不直接使用 React Bits，除非用户要求迁移或重写。
+
+## 4. 输出模板
+
+```text
+react_bits_components:
+- project stack:
+- visual goal:
+- candidate components:
+- install/source refs:
+- performance risks:
+- implementation steps:
+```
+
+## 5. 禁止行为
+
+1. 不把 `DavidHDev/react-bits` 与 `vasanthk/react-bits` 混淆。
+2. 不在 MOS 框架仓库安装 React 依赖。
+3. 不复制大量组件源码到 MOS。
+4. 不在未确认 API 时写死组件调用。

mos_v3/mos_core/skills/roughviz_charts/SKILL.md

@@ -0,0 +1,54 @@
+---
+name: roughviz_charts
+description: 吸收 roughViz 的手绘风图表思路，用于低保真、教学、故事化和轻量数据展示。
+---
+
+# roughviz_charts
+
+用于生成或规划手绘风、草图风的数据可视化。适合教学、概念解释、故事化展示和低保真报告，不适合强调像素级精确的严肃监控图。
+
+## 1. 触发场景
+
+1. 用户提到 roughViz、手绘风图表、sketchy charts。
+2. 需要用轻松风格展示数据趋势或类别对比。
+3. PPT、说明文档或教学材料需要非正式图表。
+4. Python 或浏览器端需要手绘风可视化参考。
+
+## 2. 流程
+
+```text
+确认数据目的 → 选择图表类型 → 判断精度要求
+→ 选择 JS roughViz 或 Python roughviz → 回源确认 API → 输出实现步骤
+```
+
+适合图表：
+
+```text
+bar / stacked bar / pie / donut / line / scatter
+```
+
+## 3. 使用规则
+
+1. 如果数据需要严肃精确呈现，优先 ECharts、Plotly、Vega、Matplotlib。
+2. 如果是故事化、教学、草稿展示，可考虑 roughViz。
+3. 选择 JS 或 Python 版本前先确认目标环境。
+4. 图表必须标明数据来源、单位和不确定性。
+
+## 4. 输出模板
+
+```text
+roughviz_charts:
+- data purpose:
+- chart type:
+- target runtime:
+- source refs:
+- implementation steps:
+- accuracy caveats:
+```
+
+## 5. 禁止行为
+
+1. 不把手绘风用于严肃验收指标，除非用户明确要求。
+2. 不省略数据来源和单位。
+3. 不在未确认 JS/Python API 时写死代码。
+4. 不复制 roughViz 上游源码到 MOS。

mos_v3/mos_core/skills/skill_registry.json

@@ -49,6 +49,46 @@
       "tools": [],
       "output": "保持事实不变的中文自然化改写、风格变化说明和未改动事实。"
     },
+    {
+      "id": "ui_ux_pro_max_design",
+      "path": "skills/ui_ux_pro_max_design/SKILL.md",
+      "triggers": ["UI-UX-Pro-Max", "ui ux", "UI设计", "UX设计", "界面设计", "视觉设计", "交互设计", "信息架构", "可用性审查"],
+      "memory": ["memory_cards/ui_ux_animation_libraries_policy.md"],
+      "tools": [],
+      "output": "目标用户、主要任务、页面布局、视觉风格、交互状态、可访问性和实现清单。"
+    },
+    {
+      "id": "react_bits_components",
+      "path": "skills/react_bits_components/SKILL.md",
+      "triggers": ["React Bits", "react-bits", "React动效组件", "文本动画", "背景动效", "UI blocks", "React视觉组件"],
+      "memory": ["memory_cards/ui_ux_animation_libraries_policy.md"],
+      "tools": ["web"],
+      "output": "项目技术栈、视觉目标、候选组件、回源入口、性能风险和实现步骤。"
+    },
+    {
+      "id": "roughviz_charts",
+      "path": "skills/roughviz_charts/SKILL.md",
+      "triggers": ["roughViz", "roughviz", "手绘风图表", "sketchy chart", "hand-drawn chart", "草图风图表"],
+      "memory": ["memory_cards/ui_ux_animation_libraries_policy.md"],
+      "tools": ["web"],
+      "output": "数据目的、图表类型、目标运行环境、回源入口、实现步骤和精度限制。"
+    },
+    {
+      "id": "magic_ui_components",
+      "path": "skills/magic_ui_components/SKILL.md",
+      "triggers": ["Magic UI", "magicui", "Tailwind组件", "landing page", "hero组件", "Magic UI MCP", "组件registry"],
+      "memory": ["memory_cards/ui_ux_animation_libraries_policy.md"],
+      "tools": ["web", "mcp"],
+      "output": "前端技术栈、页面目标、候选 Magic UI 组件、registry/source refs、安装计划和风险。"
+    },
+    {
+      "id": "motion_animation",
+      "path": "skills/motion_animation/SKILL.md",
+      "triggers": ["Motion", "motion.dev", "Framer Motion", "动画编排", "页面转场", "微交互", "layout transition", "gesture animation"],
+      "memory": ["memory_cards/ui_ux_animation_libraries_policy.md"],
+      "tools": ["web"],
+      "output": "运行框架、动效目的、状态/触发器、Motion 能力、可访问性/性能和实现步骤。"
+    },
     {
       "id": "git_collaboration",
       "path": "skills/git_collaboration/SKILL.md",

mos_v3/mos_core/skills/ui_ux_pro_max_design/SKILL.md

@@ -0,0 +1,50 @@
+---
+name: ui_ux_pro_max_design
+description: 吸收 UI-UX-Pro-Max 的 agent UI/UX 设计流程，用于界面设计、信息架构、视觉风格、可用性审查和设计交付。
+---
+
+# ui_ux_pro_max_design
+
+用于把用户的产品想法转成可执行 UI/UX 方案。该 skill 不复制上游 UI-UX-Pro-Max 内容，只吸收其“设计 agent 化”的流程思路。
+
+## 1. 触发场景
+
+1. 用户要求设计页面、产品界面、仪表盘、低代码平台或交互流程。
+2. 需要确定信息架构、页面层级、布局、颜色、字体和状态反馈。
+3. 需要从“功能需求”转成“界面实现任务”。
+4. 需要审查现有 UI 是否清晰、可访问、可实现。
+
+## 2. 流程
+
+```text
+用户目标 → 用户角色 → 使用场景 → 信息架构 → 页面布局
+→ 视觉风格 → 交互状态 → 可访问性 → 实现清单
+```
+
+规则：
+
+1. 先明确用户目标和主要任务，不先选组件。
+2. 输出应包含页面结构、关键状态、空状态、错误状态和响应式要求。
+3. 视觉建议必须服务可读性和任务效率。
+4. 如果目标项目已有设计系统，优先遵守已有设计系统。
+5. 如需外部组件库，再触发 `react_bits_components`、`magic_ui_components` 或 `motion_animation`。
+
+## 3. 输出模板
+
+```text
+ui_ux_pro_max_design:
+- target users:
+- primary tasks:
+- layout:
+- visual style:
+- interactions:
+- accessibility:
+- implementation checklist:
+```
+
+## 4. 禁止行为
+
+1. 不用空泛审美词代替可实现设计。
+2. 不忽略移动端、加载、错误、空数据状态。
+3. 不把炫酷动效置于可用性之上。
+4. 不复制 UI-UX-Pro-Max 上游仓库内容到 MOS。

mos_v3/mos_core/source_registry.md

@@ -86,3 +86,77 @@ source registry 只登记入口，不替代原始证据。关键结论仍需打
 用途: 中文自然化、去 AI 味、文档润色和中文化输出参考。  
 失效风险: 上游 prompt/skill 内容可能变化；使用前回源。
 
+## 6. UI/UX 与动效库回源入口
+
+名称: UI-UX-Pro-Max  
+类型: GitHub repository  
+路径或 URL: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill  
+验证日期: 2026-07-09  
+证据等级: proposed  
+用途: agent UI/UX 设计流程、风格、配色、字体、UX 指南参考。  
+失效风险: 上游 skill 内容和适配 agent 可能变化；使用前回源。
+
+名称: React Bits  
+类型: GitHub repository  
+路径或 URL: https://github.com/DavidHDev/react-bits  
+验证日期: 2026-07-09  
+证据等级: proposed  
+用途: React 动效组件、背景、文本动画和 UI blocks 参考。  
+失效风险: 组件 API、安装命令和依赖可能变化；使用前回源。
+
+名称: React Bits legacy  
+类型: GitHub repository  
+路径或 URL: https://github.com/vasanthk/react-bits  
+验证日期: 2026-07-09  
+证据等级: proposed  
+用途: React patterns/技巧知识库；用于避免与 DavidHDev/react-bits 混淆。  
+失效风险: 同名项目容易混淆；引用前确认目标仓库。
+
+名称: roughViz  
+类型: GitHub repository  
+路径或 URL: https://github.com/jwilber/roughViz  
+验证日期: 2026-07-09  
+证据等级: proposed  
+用途: 浏览器端手绘风图表库参考。  
+失效风险: API 和维护状态可能变化；使用前回源。
+
+名称: roughviz Python  
+类型: GitHub repository  
+路径或 URL: https://github.com/hannansatopay/roughviz  
+验证日期: 2026-07-09  
+证据等级: proposed  
+用途: Python 手绘风图表库参考。  
+失效风险: API 和维护状态可能变化；使用前回源。
+
+名称: Magic UI  
+类型: GitHub repository  
+路径或 URL: https://github.com/magicuidesign/magicui  
+验证日期: 2026-07-09  
+证据等级: proposed  
+用途: React/Tailwind 落地页组件和视觉特效参考。  
+失效风险: registry、安装命令和组件 API 可能变化；使用前回源。
+
+名称: Magic UI MCP  
+类型: GitHub repository  
+路径或 URL: https://github.com/magicuidesign/mcp  
+验证日期: 2026-07-09  
+证据等级: proposed  
+用途: Magic UI registry/组件查询 MCP 参考。  
+失效风险: MCP 配置、工具协议和组件 registry 可能变化；使用前回源。
+
+名称: Motion  
+类型: GitHub repository  
+路径或 URL: https://github.com/motiondivision/motion  
+验证日期: 2026-07-09  
+证据等级: proposed  
+用途: Motion.dev / 原 Framer Motion 动画库参考。  
+失效风险: 包名、API、框架适配可能变化；使用前回源。
+
+名称: Motion Vue  
+类型: GitHub repository  
+路径或 URL: https://github.com/motiondivision/motion-vue  
+验证日期: 2026-07-09  
+证据等级: proposed  
+用途: Vue 项目 Motion 动效参考。  
+失效风险: 只适用于 Vue 场景；引用前确认前端技术栈。
+