用途:在创建或审查前端界面、需要关注视觉质量时使用本技能,帮助建立清晰的视觉层次和统一的设计语言。
主要能力:先明确产品背景、目标用户与页面目标;在写代码前确立视觉层次,区分主操作、次操作与辅助内容;选择有意图的视觉方向,而非通用渐变与卡片堆叠;统一使用间距、字号层级、颜色令牌、圆角、阴影与组件节奏;设计响应式状态以及加载、空、错误、禁用等状态;在可用时通过浏览器或预览界面验证结果。
审查清单:页面是否有明确焦点和主操作;组件是否对齐到一致网格;字体是否有足够对比与层级;颜色是否有意义而非装饰性噪音;UI 在常见移动、平板、桌面宽度下是否可用;空、加载、错误状态是否有意设计。
使用方式:官方资料未提供具体安装命令或调用步骤,仅说明这是 PilotDeck 原生草稿,灵感来自 Anthropic frontend-design 技能与通用前端设计最佳实践,并非逐字复制。具体用法与配置暂未提供。
适用场景:需要构建或评估前端界面视觉质量时,例如新页面设计、组件体系梳理、响应式与状态设计检查。
限制:资料未说明支持的具体框架、平台、定价或效果保证,相关细节暂未提供。