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
执行技术质量审计，涵盖无障碍、性能、主题和响应式设计等维度。生成带严重等级评分的报告及改进计划，用于代码层面的可测量检查与问题文档化。
用户要求进行无障碍检查
用户需要进行性能审计
用户希望获得技术质量审查报告
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视角评估设计，涵盖视觉层次、信息架构、情感共鸣及认知负荷。通过量化评分、反模式检测和独立子代理审查提供可操作反馈，旨在提升界面质量与用户体验。
用户要求审查或批评设计
用户请求对组件进行UX评估
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美学。通过严格的设计上下文收集协议和大胆的美学方向设定，生成具有极高设计质量和创意细节的视觉 striking 代码。
构建Web组件或页面
需要高设计质量的UI实现
项目缺乏明确设计上下文需初始化
npx skills add 10xChengTu/Mux0 --skill impeccable -g -y
评估并优化UI布局、间距和视觉节奏，解决单调网格、不一致间距及层级弱等问题，通过建立间距系统和层次策略提升界面构图质量。
用户提到布局感觉不对
间距问题
视觉层级混乱
界面拥挤
对齐问题
希望改善构图
npx skills add 10xChengTu/Mux0 --skill layout -g -y
诊断并修复UI性能问题，涵盖加载速度、渲染、动画及包体积。通过测量核心指标定位瓶颈，实施图片优化、代码分割等策略，提升用户体验流畅度。
用户提到应用缓慢、卡顿或加载慢
需要分析或优化Core Web Vitals指标
要求减小JavaScript/CSS包体积
希望提升页面渲染帧率或响应速度
npx skills add 10xChengTu/Mux0 --skill optimize -g -y
用于实现超越常规极限的激进前端交互，如着色器、物理动画和60fps性能优化。需先通过/impeccable收集上下文，提出多种方向供用户选择，并使用浏览器自动化工具进行视觉迭代验证，确保效果惊艳且符合项目语境。
用户希望实现令人惊叹的视觉效果
需要高性能或电影级页面过渡
要求突破常规限制的激进前端实现
npx skills add 10xChengTu/Mux0 --skill overdrive -g -y
执行最终质量审查，修复对齐、间距、一致性及微细节问题。需先调用/impeccable协议，发现并遵循设计系统规范。涵盖视觉、排版及交互状态检查，确保功能完整后的完美交付。
用户提到 polish
准备发布前的最终检查
修复视觉不一致或对齐问题
npx skills add 10xChengTu/Mux0 --skill polish -g -y
降低视觉设计强度，解决过于大胆或刺眼的问题。通过调整色彩饱和度、对比度、排版层级和简化装饰元素，在保持有效性的同时营造更精致、柔和且易于接受的审美体验。
用户反馈设计太激进或令人不适
希望获得更冷静、精致的视觉效果
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
