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
用于分析功能并添加动画、微交互和运动效果，提升可用性和用户体验。涵盖入口动画、反馈层及微交互实现，强调尊重无障碍偏好。
用户提到添加动画或过渡效果
需要增强微交互或动态设计
希望让界面更具活力
npx skills add 10xChengTu/Mux0 --skill animate -g -y
执行技术质量审计，涵盖无障碍、性能、主题、响应式及反模式检查。生成带严重度评分的报告与可操作计划，用于评估实现质量而非修复问题。
用户希望进行无障碍检查
用户希望进行性能审计
用户需要进行技术质量审查
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生成痕迹检测。通过独立子代理进行双重评估，提供量化评分与可操作反馈，适用于审查或评价界面设计组件的场景。
用户要求审查设计
用户要求对设计组件进行评估
npx skills add 10xChengTu/Mux0 --skill critique -g -y
用于为界面添加趣味、个性和微交互，将功能转化为令人愉悦的体验。通过评估成功、加载等状态，结合品牌调性设计惊喜时刻，提升用户满意度与记忆点。
用户要求增加界面趣味性或个性
需要优化微交互或动画效果
希望提升用户体验的惊喜感
npx skills add 10xChengTu/Mux0 --skill delight -g -y
用于简化 UI 设计，去除冗余元素和视觉噪音，通过识别复杂性来源并制定精简策略，实现界面的清晰、聚焦与高效。
用户要求简化界面或减少复杂度
用户希望清理杂乱的设计元素
用户寻求提升 UI 的简洁性和专注度
npx skills add 10xChengTu/Mux0 --skill distill -g -y
指导创建独特、生产级的前端界面，避免通用AI美学。通过收集项目上下文并确定大胆的设计方向，生成具有卓越审美细节和创意选择的代码。
构建Web组件或页面
需要设计技能的项目上下文
npx skills add 10xChengTu/Mux0 --skill impeccable -g -y
评估并改进界面布局、间距和视觉节奏，解决单调网格、不一致间距及层级弱等问题，通过建立间距系统和结构化规划提升UI设计质量。
用户提到布局感觉不对
存在间距问题
视觉层级不清晰
界面拥挤或对齐问题
npx skills add 10xChengTu/Mux0 --skill layout -g -y
诊断并修复UI性能问题，涵盖加载速度、渲染、动画及包体积。通过测量Core Web Vitals等指标识别瓶颈，并提供图片、JS、CSS优化策略，旨在提升用户体验。
用户提到应用缓慢、卡顿或性能差
需要优化加载时间或减小包体积
希望获得更快更流畅的用户体验
npx skills add 10xChengTu/Mux0 --skill optimize -g -y
专注于打造极致交互体验的高级前端技能，通过着色器、物理动画及高性能渲染突破常规界面限制。要求先评估语境并提案，再经浏览器自动化验证迭代，确保效果惊艳且符合项目调性。
用户希望界面效果令人惊叹或超越常规
需要实现复杂的视觉特效或高性能交互
npx skills add 10xChengTu/Mux0 --skill overdrive -g -y
用于在发布前进行最终质量检查，修复对齐、间距、一致性及微细节问题。需先调用/impeccable获取设计原则，发现并纠正与设计系统的偏差，确保视觉完美和功能完整。
用户提到 polish
需要最后润色
上线前审查
感觉不对劲
想要从好变好
npx skills add 10xChengTu/Mux0 --skill polish -g -y
降低视觉设计强度，解决过于大胆或刺眼的问题，通过调整色彩、层级和简化元素，打造精致优雅的审美体验。
用户提到设计太 bold, loud, aggressive, garish
用户希望获得更 calm, refined 的美学风格
npx skills add 10xChengTu/Mux0 --skill quieter -g -y
在编码前规划UX/UI，通过结构化发现访谈深入理解需求，生成指导实施的设计简报。专注于设计方向、约束和策略，不编写代码，确保实现精准。
需要规划新功能的前端界面或用户体验时
在进行任何编码之前确定设计方向和约束时
npx skills add 10xChengTu/Mux0 --skill shape -g -y
优化排版设计，修复字体选择、层级、大小和可读性问题，使文本呈现更专业、有意的设计感。
用户提到字体、排版或可读性
感觉文本层级混乱或大小不合适
希望提升文本的精致度和专业性
npx skills add 10xChengTu/Mux0 --skill typeset -g -y
