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美学。通过强制收集设计上下文（受众、用例、品牌调性）并确立大胆的设计方向，生成视觉出众、细节精致的代码。支持构建组件、页面及应用。
用户要求构建网页组件或页面
需要高设计质量的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
专注于打造极致视觉与交互体验的前端技能，利用着色器、物理动画及高性能渲染技术实现超越常规的界面效果。要求先收集上下文并提案，再通过浏览器自动化迭代验证，确保在特定场景下呈现令人惊叹的用户体验。
需要实现惊艳的视觉效果或动画
用户希望界面表现超出常规极限
追求极致的交互体验和性能优化
npx skills add 10xChengTu/Mux0 --skill overdrive -g -y
执行最终质量审查，修复对齐、间距、一致性及微细节问题。适用于上线前优化，确保从良好到卓越的转变，提升视觉与交互体验。
用户提到 polish（打磨）
准备发布前的最终检查
感觉效果不够完美或存在细微瑕疵
希望将现有成果提升至卓越水平
npx skills add 10xChengTu/Mux0 --skill polish -g -y
用于降低视觉设计强度，解决过于 bold、aggressive 或 overstimulating 的问题。通过调整色彩饱和度、对比度、排版层级和简化元素，在保持有效性的同时创造更精致、柔和且易于接受的美学风格。
用户反馈设计太 bold 或 aggressive
用户希望界面更 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
