Agent Skills
› 10xChengTu/Mux0
10xChengTu/Mux0
GitHub用于将现有设计适配到不同屏幕尺寸、设备或平台，实现响应式布局。
Install All Skills
npx skills add 10xChengTu/Mux0 --all -g -y
Skills in Collection (17)
用于将现有设计适配到不同屏幕尺寸、设备或平台，实现响应式布局。
响应式设计
移动端布局适配
断点调整
跨设备兼容性处理
npx skills add 10xChengTu/Mux0 --skill adapt -g -y
用于为功能添加动画、微交互和运动效果，提升可用性与体验。通过评估静态区域、制定策略并实施入场及微交互动画，增强反馈与引导，同时尊重无障碍偏好。
用户提到添加动画或过渡效果
需要改善 UI 的交互反馈
希望增加微交互或动效设计
npx skills add 10xChengTu/Mux0 --skill animate -g -y
执行代码级技术质量审计，涵盖无障碍、性能、主题和响应式设计五个维度。通过0-4分评分生成包含严重等级报告和可操作计划的诊断结果，仅记录问题不修复。
用户要求进行无障碍检查
用户需要性能审计
用户请求技术质量审查
npx skills add 10xChengTu/Mux0 --skill audit -g -y
用于增强过于平淡或安全的设计，通过放大排版、色彩和层级对比来提升视觉冲击力和个性，同时保持可用性和品牌一致性。
设计看起来平淡无奇
缺乏视觉冲击力
风格过于保守或通用
npx skills add 10xChengTu/Mux0 --skill bolder -g -y
优化界面文案、错误提示及微交互文本，提升产品易用性。通过上下文收集与清晰度评估，消除歧义和术语，改善语气与行动号召，确保用户能快速理解并操作。
用户提到困惑的文本或标签
需要改进错误消息
希望优化UX写作
npx skills add 10xChengTu/Mux0 --skill clarify -g -y
为单调或灰暗的界面策略性引入色彩，增强视觉吸引力与表达力。通过语义、层级和情感维度规划配色方案，提升用户体验。
用户反馈设计看起来灰色或沉闷
需要增加界面的视觉趣味
希望获得更生动或富有表现力的调色板
npx skills add 10xChengTu/Mux0 --skill colorize -g -y
从UX视角评估设计质量，涵盖视觉层级、认知负荷及AI生成痕迹检测。通过独立子代理进行多维度评分与反模式识别，提供基于用户画像的可操作反馈。
用户要求审查或批判设计
需要评估组件的UX质量和视觉层次
请求对界面设计给出量化评分和反馈
npx skills add 10xChengTu/Mux0 --skill critique -g -y
为界面添加惊喜、个性和微交互，提升用户体验。适用于优化成功/加载状态、增加动画及品牌个性，确保不干扰核心功能，打造令人愉悦的交互细节。
用户要求添加动画或微交互
优化界面情感化设计
增加品牌个性或惊喜元素
npx skills add 10xChengTu/Mux0 --skill delight -g -y
用于简化设计、去除冗余元素和视觉噪音，通过评估现状和制定精简策略，提升界面的清晰度与核心聚焦。
用户要求简化或清理界面
需要减少设计中的复杂性或噪音
npx skills add 10xChengTu/Mux0 --skill distill -g -y
指导创建独特、生产级的前端界面，避免通用AI美学。通过收集受众、用例和品牌语境确保设计一致性，执行大胆的美学方向并生成高质量代码。
构建网页组件或页面
需要高设计质量的UI开发
项目缺乏明确的设计语境
npx skills add 10xChengTu/Mux0 --skill impeccable -g -y
优化UI布局、间距与视觉层次，解决单调网格、不一致间距及弱层级问题。通过评估空间设计并制定系统化改进计划，提升界面构图与节奏感。
用户提到布局感觉不对
间距问题
视觉层级混乱
UI拥挤
对齐问题
希望改善构图
npx skills add 10xChengTu/Mux0 --skill layout -g -y
诊断并修复前端 UI 性能问题，涵盖加载速度、渲染效率、动画流畅度及包体积优化。通过测量核心指标识别瓶颈，并提供图片、JS/CSS 及字体等具体优化策略，旨在提升用户体验。
用户提到页面慢、卡顿或加载时间长
需要优化 Bundle Size 或渲染性能
寻求让界面更流畅的快速方案
npx skills add 10xChengTu/Mux0 --skill optimize -g -y
专注于通过高复杂度技术实现令人惊叹的界面交互，涵盖60fps动画、物理效果及高性能渲染。要求先提案再开发，并结合浏览器自动化进行视觉迭代优化。
用户希望实现惊艳或极致的视觉效果
需要处理复杂的动画或高性能数据展示
npx skills add 10xChengTu/Mux0 --skill overdrive -g -y
用于在发布前进行最终质量检查，修复对齐、间距、一致性及微细节问题。通过遵循设计系统和上下文协议，系统性地优化视觉、排版和交互状态，确保从良好到卓越的转变。
用户提到 polish（润色）
用户要求 finishing touches（最后修饰）
用户提及 pre-launch review（发布前审查）
用户感觉 something looks off（看起来不对劲）
用户希望从 good to great（从好到更好）
npx skills add 10xChengTu/Mux0 --skill polish -g -y
用于降低视觉设计强度，解决过于 bold、aggressive 或 overstimulating 的问题。通过调整色彩饱和度、对比度、排版层级和简化元素，在保留设计效果的同时营造更精致、柔和且易于接受的审美体验。
用户提到设计太 bold、loud、overwhelming、aggressive 或 garish
用户希望获得更 calm、refined 的视觉效果
npx skills add 10xChengTu/Mux0 --skill quieter -g -y
在编码前规划UX/UI，通过结构化发现访谈生成设计简报，明确用户目标、数据边界与设计约束，为后续实现提供精准指导。
需要规划新功能或模块的界面与交互体验时
在进行UI/UX设计讨论或需求分析阶段
npx skills add 10xChengTu/Mux0 --skill shape -g -y
优化排版设计，通过调整字体选择、层级、大小和可读性，使文本更具意图性和专业性。适用于解决默认字体、层级混乱或阅读体验不佳的问题。
用户提到字体、类型、可读性或文本层级问题
用户希望获得更精致、有意的排版效果
npx skills add 10xChengTu/Mux0 --skill typeset -g -y
