ui-designerinteraction-specification
Featured交互规范，定义加载状态、空状态、反馈机制、动效、无障碍等交互细节
Install
Quality Score: 94/100
Skill Content
Details
- Author
- echoVic
- Repository
- echoVic/boss-skill
- Created
- 8 months ago
- Last Updated
- 4 days ago
- Language
- TypeScript
- License
- MIT
Similar Skills
Semantically similar based on skill content — not just same category
02-
前台 UI 设计规范（设计 Token / 动效库 / 交互模式 / 质量自检）。Use when: 创建公开前台 UI 页面 (落地页 / 产品页 / 注册登录页 / 营销页 / 定价页)、调整视觉风格、做交互细节、设计 token 调整、动效优化、可访问性自检时触发。包含设计 Token 系统 + Tailwind 标准 + 动效库（micro-interactions/入场动画）+ 交互模式（hover/focus/disabled/loading）+ a11y + 质量自检清单（详见 body，目标商业产品水准）。SKIP: 可复用 UI 组件实现细节 → 03 / 管理后台·Admin Dashboard → 11。
ui-design
Generate the visual and structural UI specification for a product, feature, page, or component from product goals and brand constraints. Use whenever the user asks for a UI design, mockup spec, screen layout, design tokens, component breakdown, state catalog, responsive rules, or accessibility treatment—even if the brief is just "design the screen for X," "build a UI for Y," "mock up the dashboard," "define the visual language," or "style the component." Covers information hierarchy, page layout, components, states, design tokens, color, typography, responsive behavior, accessibility, interaction notes, and handoff specs. Does not replace UX research, task flow, or information architecture—assume those are already decided or produced by `ux-design`.
design-mobile-app
移动端 App 界面/原型专项方法论。当载体是**手机 App 界面或原型**、且当前产出"像 AI 默认模板 / 只换皮肤不换骨架 / 卡片从上往下等距堆叠"时触发。核心价值是把**结构手法**落到移动范式上——用拇指热区、safe area、一屏一焦、密度节奏、字号极端跳档+字重对比、网格对齐、不对称、原生组件语汇与手势驱动版面，把 App 做出"人做的"结构感。改版顺序以**用户指令为准**：默认可先调皮肤，结构按用户要求再动或一起动，不强行每轮改骨架。触发词：「移动端设计」「App 界面」「App 原型」「手机 UI」「iOS 设计」「移动端结构」「反移动 slop」「拇指热区」「底部导航」「bottom sheet」「移动端排版」「App 组件」「线框图」「低保真」「PRD 走查」「全流程巡查」「页面巡查」「写 APP」。