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动效、过渡效果及提升用户体验的场景。
用户提到添加动画或过渡效果
需要改进UI的微交互或运动设计
让界面感觉更生动
npx skills add 10xChengTu/input0 --skill animate -g -y
用于分析和改进前端界面的布局、间距及视觉层级，解决拥挤、单调或结构薄弱问题，提升视觉节奏与排版质量。
用户提到布局感觉不对
存在间距不一致或混乱
视觉层级不清晰
界面拥挤或对齐问题
希望改善整体构图
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
优化界面文案、错误提示及微交互文本，提升用户体验与清晰度。适用于处理混淆的标签、难懂的说明或糟糕的错误信息，旨在让产品更易理解。
用户提到界面文本令人困惑
需要改进错误消息或按钮文案
希望提升UX写作质量
npx skills add 10xChengTu/input0 --skill clarify -g -y
为单调或缺乏视觉吸引力的界面策略性引入颜色，提升界面的参与度与表现力。适用于界面灰暗、需要增强色彩层次、语义状态指示或品牌色调统一等场景。
界面看起来灰色、沉闷或缺乏温暖感
用户希望增加色彩的活力或表现力
需要为状态（成功、错误等）添加语义颜色
npx skills add 10xChengTu/input0 --skill colorize -g -y
用于从UX视角评估界面设计，涵盖视觉层级、信息架构、情感共鸣及AI生成痕迹检测，提供量化评分与可执行反馈。
用户要求审查或批判设计
用户请求对界面组件进行评价
npx skills add 10xChengTu/input0 --skill critique -g -y
识别界面中增加惊喜感和个性的机会，通过微交互、动画和文案提升用户体验。适用于添加润色、趣味性和记忆点，需遵循前端设计原则，确保愉悦感增强而非阻碍可用性。
用户要求为界面添加润色或个性
用户希望增加微交互或动画效果
用户希望使界面更有趣或令人难忘
npx skills add 10xChengTu/input0 --skill delight -g -y
用于简化 UI 设计，去除冗余元素和视觉噪音，通过渐进式披露和层级优化提升清晰度与专注度。
用户要求简化界面
清理杂乱布局
减少视觉干扰
移除多余组件
npx skills add 10xChengTu/input0 --skill distill -g -y
用于识别、提取和整合可复用的 UI 组件、设计令牌及模式到设计系统中，提升一致性与维护性。适用于创建组件、重构重复 UI 模式或构建设计系统场景。
创建可复用 UI 组件
重构重复的 UI 模式
构建或完善设计系统
提取设计令牌
npx skills add 10xChengTu/input0 --skill extract -g -y
指导创建独特、生产级的前端界面，避免通用AI美学。需先收集目标受众、用例和品牌调性上下文，然后选择大胆的美学方向并实现高质量代码。
用户要求构建网页组件或页面
需要项目上下文的任何设计任务
npx skills add 10xChengTu/input0 --skill frontend-design -g -y
提升界面鲁棒性，处理文本溢出、国际化(i18n)、错误状态及边缘情况，确保生产环境可用性。
加固界面
处理文本溢出
添加国际化支持
修复错误状态
处理极端输入
npx skills add 10xChengTu/input0 --skill harden -g -y
审计并重构UI以符合设计系统标准，处理样式不一致、Token硬编码等问题，确保视觉与交互规范统一。
提到一致性或设计漂移
样式不匹配
使用设计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性能问题，涵盖加载速度、渲染、动画及包体积优化。通过测量Core Web Vitals等指标识别瓶颈，提供图片、JS/CSS、字体及加载策略的系统性改进方案，以提升用户体验。
用户提到页面加载慢或卡顿
需要优化核心Web指标如LCP/CLS
请求减少JavaScript包体积
希望提升动画流畅度
npx skills add 10xChengTu/input0 --skill optimize -g -y
用于实现突破常规极限的极致前端交互体验，涵盖着色器、弹簧物理及60fps动画。强调在构建前评估上下文并提案多种方向，结合浏览器自动化进行视觉迭代，确保效果惊艳且符合项目调性。
用户希望界面效果令人惊叹或超越常规
需要实现高难度前端视觉效果或高性能交互
npx skills add 10xChengTu/input0 --skill overdrive -g -y
执行最终质量检查，修复对齐、间距、一致性及微细节问题，确保交付物达到高水准。适用于发布前的收尾优化。
用户提及 polish, finishing touches, pre-launch review
感觉作品看起来不对劲或需要从好到卓越
npx skills add 10xChengTu/input0 --skill polish -g -y
用于降低设计视觉强度，解决过于 bold、aggressive 或 overstimulating 的问题。通过调整色彩饱和度、对比度、排版层级和留白，实现更精致、柔和且不失影响力的美学效果。
用户反馈设计太 bold 或 aggressive
用户觉得界面过 loud 或 overwhelming
需要更 calm 或 refined 的视觉效果
npx skills add 10xChengTu/input0 --skill quieter -g -y
通过扫描代码库和询问用户，收集并持久化项目的 UX、品牌及美学设计上下文，生成 .impeccable.md 以指导后续开发保持一致的设计规范。
需要建立项目设计规范
初始化 AI 助手的设计上下文
统一前端视觉风格
npx skills add 10xChengTu/input0 --skill teach-impeccable -g -y
优化网页排版，修复字体选择、层级、尺寸和可读性问题。用于解决默认字体单调、层级混乱或阅读体验不佳的情况，提升文本的专业性和品牌一致性。
用户提到字体、排版或可读性
文本层级不清晰
需要改善页面视觉质感
npx skills add 10xChengTu/input0 --skill typeset -g -y
