Agent Skills
› 10xChengTu/input0
10xChengTu/input0
GitHub用于将现有设计适配至不同屏幕尺寸、设备或平台，实现响应式布局。涵盖断点设置、流体布局及触控优化，适用于跨设备兼容性及移动端适配场景。
Install All Skills
npx skills add 10xChengTu/input0 --all -g -y
Skills in Collection (21)
用于将现有设计适配至不同屏幕尺寸、设备或平台，实现响应式布局。涵盖断点设置、流体布局及触控优化，适用于跨设备兼容性及移动端适配场景。
用户提到响应式设计
需要适配移动布局
涉及断点调整
要求视口适配
跨设备兼容性需求
npx skills add 10xChengTu/input0 --skill adapt -g -y
分析功能并添加动画与微交互，提升可用性与体验。通过评估静态区域、制定策略并实施入场动画和微交互，增强用户反馈与引导，同时尊重无障碍偏好。
用户提到添加动画或过渡效果
需要改进 UI 的交互感或微交互设计
npx skills add 10xChengTu/input0 --skill animate -g -y
专注于改善UI布局、间距和视觉节奏，解决单调网格、不一致间距及层级弱等问题。通过评估现有空间设计并制定系统化改进计划，将通用排列转化为有节奏感的构图，提升整体视觉层次与结构美感。
用户提到布局感觉不对
存在间距问题
视觉层级不明确
界面拥挤
对齐问题
希望获得更好的构图
npx skills add 10xChengTu/input0 --skill arrange -g -y
执行前端技术质量审计，涵盖无障碍、性能、主题和响应式设计。生成带严重等级评分的综合报告及改进计划，不直接修复代码，仅用于问题诊断与文档化。
用户要求进行前端技术质量审查
用户需要检查无障碍访问合规性
用户希望评估页面性能表现
用户想要获取可操作的技术改进建议
npx skills add 10xChengTu/input0 --skill audit -g -y
用于增强过于保守或平淡的设计，通过调整排版、色彩和层级来提升视觉冲击力与个性，同时保持可用性与品牌一致性。
用户认为设计太安全、普通或缺乏个性
用户希望增加视觉冲击力和角色感
npx skills add 10xChengTu/input0 --skill bolder -g -y
优化界面文案、错误消息和标签，提升用户体验。用于解决文本模糊、术语难懂或指令不清的问题，通过评估上下文并系统化改进，确保信息清晰易懂。
用户提到混淆的文本或标签
需要改进糟糕的错误消息
希望优化难以遵循的说明
npx skills add 10xChengTu/input0 --skill clarify -g -y
为单调或缺乏视觉吸引力的界面策略性引入色彩，通过语义状态、层级强调和情感表达提升设计表现力与趣味性。
用户提到界面看起来灰色或沉闷
需要增加色彩的活力或表现力
希望获得更鲜艳或富有情感的配色方案
npx skills add 10xChengTu/input0 --skill colorize -g -y
用于从UX视角评估界面设计，涵盖视觉层级、信息架构、情感共鸣及AI生成内容检测等维度，提供量化评分与可执行反馈。
用户要求审查或评估设计稿
用户请求对UI组件提供批判性反馈
npx skills add 10xChengTu/input0 --skill critique -g -y
用于识别并添加界面中的惊喜、个性和微交互，提升用户体验。适用于需要增加动画、情感化设计或趣味细节的场景，强调在不干扰核心功能的前提下增强界面的记忆点与愉悦感。
用户要求增加界面趣味性或个性
需要优化成功、空值或加载状态下的体验
请求添加微交互、动画或彩蛋
npx skills add 10xChengTu/input0 --skill delight -g -y
用于简化 UI 设计，去除冗余元素和视觉噪音，通过信息架构优化和视觉精简，提升界面的清晰度、专注度和用户体验。
用户要求简化界面
用户希望减少杂乱或噪音
需要移除多余的设计元素
追求更干净聚焦的 UI
npx skills add 10xChengTu/input0 --skill distill -g -y
用于识别和提取重复的 UI 组件、设计令牌及模式，将其整合到设计系统中以实现系统化复用。适用于创建组件、重构 UI 模式或构建设计系统。
创建组件
重构重复的 UI 模式
构建设计系统
提取设计令牌
npx skills add 10xChengTu/input0 --skill extract -g -y
指导创建具有独特设计感的生产级前端界面，避免通用AI美学。需先收集目标受众、用例和品牌调性等上下文，再制定大胆的设计方向并实现高质量代码。
用户要求构建Web组件或页面
涉及项目上下文的UI/UX设计任务
npx skills add 10xChengTu/input0 --skill frontend-design -g -y
通过增强错误处理、国际化支持和文本溢出管理，提升界面在极端输入和异常场景下的鲁棒性，确保生产就绪。
用户要求加固界面
处理边缘情况
添加错误状态
修复文本溢出或国际化问题
npx skills add 10xChengTu/input0 --skill harden -g -y
审计并重构UI以对齐设计系统标准，解决样式漂移和不一致问题。通过发现设计体系、分析当前偏差并执行规范化计划，确保排版、颜色、间距及组件符合规范，提升用户体验一致性。
提到一致性或设计漂移
样式不匹配
Token使用问题
需要对齐设计系统
npx skills add 10xChengTu/input0 --skill normalize -g -y
设计并优化新用户引导流程、空状态及首次运行体验，帮助用户快速达成核心价值。适用于提及新手引导、激活或初始使用场景。
用户提到 onboarding（引导）
涉及 first-time users（首次使用者）
讨论 empty states（空状态）
关注 activation（激活）或 getting started（入门）
npx skills add 10xChengTu/input0 --skill onboard -g -y
诊断并修复前端UI性能问题，涵盖加载速度、渲染、动画及包体积优化。提供测量指标与具体策略，旨在提升用户体验。
用户提到页面慢、卡顿或性能差
需要优化首屏加载时间
要求减小JavaScript/CSS包体积
希望提升动画流畅度
npx skills add 10xChengTu/input0 --skill optimize -g -y
专注打造极致视觉与交互体验的前端技能，通过着色器、物理动画及高性能渲染突破常规界面限制。强调上下文评估与用户确认，结合浏览器自动化迭代，确保效果惊艳且适配项目调性。
用户希望界面效果令人惊叹或超越常规
需要实现复杂的视觉特效或高帧率动画
npx skills add 10xChengTu/input0 --skill overdrive -g -y
执行发布前的最终质量检查，修复对齐、间距、一致性及微细节问题。适用于用户提及打磨、收尾或预发布审查场景，旨在将作品从良好提升至卓越，确保视觉与交互的完美呈现。
用户提到 polish
用户提到 finishing touches
用户提到 pre-launch review
用户觉得 something looks off
用户希望 go from good to great
npx skills add 10xChengTu/input0 --skill polish -g -y
用于降低视觉设计强度，解决过于大胆、刺眼或混乱的问题。通过分析色彩、对比度和排版等维度，将设计调整为更精致、柔和且不失影响力的风格，提升用户体验。
用户提到设计太 bold, loud, overwhelming, aggressive, garish
用户希望获得更 calm, refined 的视觉效果
npx skills add 10xChengTu/input0 --skill quieter -g -y
通过扫描代码库并询问用户，收集项目设计上下文（用户、品牌、美学等），持久化保存至配置文件，为后续开发提供统一的设计指导原则。
需要建立或更新项目设计规范
初始化 AI 助手的设计上下文
npx skills add 10xChengTu/input0 --skill teach-impeccable -g -y
优化网页排版，修复字体选择、层级、尺寸和可读性问题，提升视觉专业度与阅读体验。
用户提到字体、排版或可读性
文本层级混乱或尺寸不当
希望获得更精致的排版设计
npx skills add 10xChengTu/input0 --skill typeset -g -y
