Agent Skills
› Owl-Listener/designer-skills
Owl-Listener/designer-skills
GitHub指导如何主持结构化的设计评审会议，包括会前准备、反馈规则及行动项跟进。适用于团队协作场景，旨在通过建设性反馈提升设计质量并促进团队成长。
Install All Skills
npx skills add Owl-Listener/designer-skills --all -g -y
Skills in Collection (107)
Showing top 50 of 107 by quality score. Use the install list command or open individual skills for the rest.
指导如何主持结构化的设计评审会议，包括会前准备、反馈规则及行动项跟进。适用于团队协作场景，旨在通过建设性反馈提升设计质量并促进团队成长。
需要组织或主持设计评审会议时
寻求结构化设计反馈方法时
npx skills add Owl-Listener/designer-skills --skill design-critique -g -y
系统化识别和分类产品设计债务，包括视觉不一致、结构缺陷、无障碍差距及技术实现问题。通过审计流程量化影响并制定优先级修复计划，帮助团队清理累积的设计偏差。
需要盘点产品中的设计不一致项
评估设计系统与实际实现的差距
生成设计债务修复路线图
npx skills add Owl-Listener/designer-skills --skill design-debt-audit -g -y
用于向管理层和利益相关者汇报设计工作对业务及用户成果的影响。通过构建证据链和叙事，将设计决策与可衡量的结果（如转化率、满意度、收入）关联，采用设计记分卡、案例对比等结构展示价值。
需要向上级或跨部门汇报设计成果时
撰写季度或年度设计影响力报告时
npx skills add Owl-Listener/designer-skills --skill design-impact-reporting -g -y
生成系统化QA清单，用于验证前端实现与UI设计稿的一致性。涵盖视觉、布局、交互、内容、无障碍及跨平台等维度，辅助设计师进行视觉验收。
需要验证UI实现是否与设计稿一致
进行设计走查或视觉验收
npx skills add Owl-Listener/designer-skills --skill design-qa-checklist -g -y
建立设计评审流程，包含概念、设计、移交和实现QA四个关卡及审批工作流，确保设计质量与一致性。适用于缺乏统一评审标准的项目。
建立设计评审流程
制定设计质量标准
规范设计审批工作流
npx skills add Owl-Listener/designer-skills --skill design-review-process -g -y
用于规划并引导设计冲刺，帮助团队在数天内完成从问题定义、方案发散、决策、原型构建到用户测试的全流程。支持经典五天、迷你及远程等变体，提供详细日程、清单及最佳实践，旨在压缩发现周期并快速验证想法。
需要规划设计冲刺
压缩产品发现时间
组织跨职能团队进行原型测试
npx skills add Owl-Listener/designer-skills --skill design-sprint-plan -g -y
生成清晰完整的设计师到开发者的交付规范，涵盖视觉规格、交互行为、资产交付及边缘情况。为工程师提供实现设计所需的所有细节，确保还原度。
需要将设计稿转化为开发可执行文档
需要明确组件状态、动画和响应式规则
npx skills add Owl-Listener/designer-skills --skill handoff-spec -g -y
设计高效的设计团队工作流与协作实践，涵盖任务管理、协作仪式、沟通规范及工具栈。适用于需要建立日常运作节奏、优化团队协作效率的场景。
设计团队日常运作节奏需要结构化
制定或优化团队协作流程
npx skills add Owl-Listener/designer-skills --skill team-workflow -g -y
定义设计文件、组件库和设计资产（如Tokens）的版本控制策略，涵盖分支管理、语义化版本命名及变更日志规范，旨在解决历史混乱并提升团队协作效率。
设计文件版本管理混乱
需要建立组件库版本规范
制定设计资产协作流程
npx skills add Owl-Listener/designer-skills --skill version-control-strategy -g -y
用于将定性研究数据（如访谈、观察记录）进行自下而上的聚类，生成主题层级与洞察陈述。特别强调跨采访的均匀采样原则，防止LLM偏差，适用于多源或单源用户研究数据的综合分析与洞察提炼。
需要对多个访谈或调研数据进行综合归纳
从原始定性数据中提取主题和洞察
进行UX研究中的亲和图分析
npx skills add Owl-Listener/designer-skills --skill affinity-diagram -g -y
分析卡片分类研究结果，生成建议的分类与标签集。通过识别分组模式、构建相似度矩阵及标记模糊项，为信息架构和导航结构提供基于用户心智模型的决策支持。
需要分析卡片分类实验数据
依据用户行为优化网站或应用的信息架构
npx skills add Owl-Listener/designer-skills --skill card-sort-analysis -g -y
用于设计长期日记研究计划，涵盖目标定义、参与者招募、提示词设计、数据捕获及分析框架。适用于需观察数天至数周的行为演变场景，区别于单次可用性测试。
需要设计跨越多日的用户行为研究
制定纵向日记研究方案
npx skills add Owl-Listener/designer-skills --skill diary-study-plan -g -y
辅助UX研究人员构建同理心地图，整合用户研究数据。通过分析用户说的、想的、做的和感受的四个象限，识别目标与痛点，提炼设计洞察并发现知识盲区，帮助团队对齐对用户理解的认知。
需要梳理用户画像和行为特征
基于访谈或调研数据总结用户洞察
团队需要同步对特定用户群的理解
npx skills add Owl-Listener/designer-skills --skill empathy-map -g -y
生成结构化的用户访谈指南，涵盖开场、热身、核心探索及收尾环节。指导AI作为资深UX研究员，依据研究目标设计非引导性问题，包含探针技巧与主持备注，确保挖掘用户真实动机与行为模型。
需要编写用户访谈提纲
准备定性研究脚本
设计UX调研问题
npx skills add Owl-Listener/designer-skills --skill interview-script -g -y
应用JTBD框架分析用户行为背后的深层动机，从功能、情感和社会维度映射任务，识别机会并生成结构化设计建议。
需要理解用户行为背后的动机
进行UX研究或产品决策分析
重新审视以用户目标而非功能为中心的设计
npx skills add Owl-Listener/designer-skills --skill jobs-to-be-done -g -y
辅助UX研究人员创建端到端用户旅程地图，梳理阶段、触点、情绪及痛点，用于产品设计与体验优化分析。
需要绘制用户旅程图
分析用户体验流程
识别设计改进机会
npx skills add Owl-Listener/designer-skills --skill journey-map -g -y
构建研究知识库，使发现可查找、复用和累积。设计分层架构（洞察、研究、原始数据）和标签系统，规范添加与维护流程，防止重复研究，支持团队基于积累证据做决策。
需要建立或优化研究知识库
防止团队重复进行相同的研究工作
整理散乱的研究数据和发现
npx skills add Owl-Listener/designer-skills --skill research-repository -g -y
将用户访谈记录转化为结构化洞察，提取主题、引用及行动项。适用于单次会话后的快速总结与 Stakeholder 分享，助力 UX 研究分析。
收到用户访谈转录文本或文件
需要整理和提炼访谈中的关键发现
npx skills add Owl-Listener/designer-skills --skill summarize-interview -g -y
专注于设计无偏差的调查问卷，包括问题措辞、量表选择和抽样方法，以大规模测量用户态度和行为。适用于需要量化数据、验证假设或追踪满意度趋势的场景，强调方法论严谨性以避免噪音。
设计问卷以测量用户态度
需要量化定性研究结果
调查用户满意度或NPS趋势
npx skills add Owl-Listener/designer-skills --skill survey-design -g -y
设计全面的可用性测试计划，涵盖研究问题、方法论、参与者标准、指标及引导指南，用于评估设计和原型。
规划可用性研究
设计用户测试方案
npx skills add Owl-Listener/designer-skills --skill usability-test-plan -g -y
基于研究数据构建用户画像，包含目标、痛点和行为模式，为产品设计和UX决策提供一致的用户参考依据。
需要创建用户画像
基于研究数据定义用户角色
进行产品设计前的用户分析
npx skills add Owl-Listener/designer-skills --skill user-persona -g -y
依据 WCAG 2.2 标准对现有界面进行无障碍审计，识别障碍并提供严重性评级与修复指导。适用于设计或构建阶段的评估，非用户测试规划。
需要评估现有界面的无障碍合规性
生成 WCAG 审计报告及修复建议
npx skills add Owl-Listener/designer-skills --skill accessibility-audit -g -y
用于为设计系统创建完整、可执行的组件规范，涵盖属性、状态、变体、无障碍及用法指南。
定义新的 UI 组件
编写组件文档规范
npx skills add Owl-Listener/designer-skills --skill component-spec -g -y
定义设计系统的治理模型，包括贡献流程、版本控制、废弃管理及变更决策框架，确保多团队协作下的系统一致性与演进有序。
需要制定设计系统贡献规范时
处理设计系统版本发布与升级策略时
设计系统跨团队协作流程混乱时
npx skills add Owl-Listener/designer-skills --skill design-system-governance -g -y
专注于设计令牌架构，帮助定义、组织和文档化用于视觉一致性的原子值。涵盖颜色、间距、排版等分类及命名规范，确保跨平台映射与设计系统版本同步。
建立或重构设计系统的令牌层
定义颜色、间距、字体等设计变量的命名与层级规则
npx skills add Owl-Listener/designer-skills --skill design-token -g -y
用于生成组件、模式或指南的可复用文档脚手架，标准化设计系统工件的文档结构。
需要创建标准化的文档模板时
为新组件或规范编写说明文档时
npx skills add Owl-Listener/designer-skills --skill documentation-template -g -y
定义图标系统的规范，涵盖网格、尺寸、命名及可访问性，确保视觉一致性与可扩展管理。
标准化图标设计
建立图标系统规范
npx skills add Owl-Listener/designer-skills --skill icon-system -g -y
指导设计适配多语言、书写方向及文化背景的UI，涵盖文本扩展、RTL镜像和排版规范，确保组件跨区域无缝适配。
需要支持非英语界面
涉及RTL语言布局
多语言文案长度差异测试
npx skills add Owl-Listener/designer-skills --skill localization-design -g -y
定义产品级运动设计令牌（时长、缓动、无障碍处理），统一动画规范，确保跨组件体验一致性与可访问性。
需要统一产品动画风格
定义运动系统令牌
处理无障碍减动偏好
npx skills add Owl-Listener/designer-skills --skill motion-system -g -y
制定设计系统组件、Token 和文件的命名规范，确保名称可预测、一致且可扩展。适用于解决命名不一致或建立新命名规则的场景。
命名不一致
建立新命名规则
npx skills add Owl-Listener/designer-skills --skill naming-convention -g -y
用于结构化记录可复用UX设计模式的技能，涵盖问题、方案、示例及无障碍等维度，适用于文档化通用解决方案。
需要文档化重复出现的UX解决方案
构建或维护设计模式库
npx skills add Owl-Listener/designer-skills --skill pattern-library -g -y
设计支持多品牌、多模式的灵活主题架构，通过全局、语义和组件层级的Token映射实现一套组件库适配多种视觉风格。
需要为同一套组件库设计多种视觉主题（如深色模式、高对比度、多品牌）
构建基于Token的设计系统以支持运行时动态切换主题
npx skills add Owl-Listener/designer-skills --skill theming-system -g -y
用于撰写设计作品集案例研究，通过结构化叙事展示项目背景、设计过程、解决方案及业务影响。适用于向外部受众讲述项目故事，强调视觉呈现与量化成果。
需要撰写设计作品集案例
整理项目设计过程与成果
npx skills add Owl-Listener/designer-skills --skill case-study -g -y
指导设计师在跨职能环境中，通过证据和共同目标与利益相关者协商设计质量、范围和进度，实现知情权衡。
设计范围被压缩
时间线紧迫
利益相关者否决设计决策
资源不足
npx skills add Owl-Listener/designer-skills --skill design-negotiation -g -y
用于撰写设计决策的依据文档，连接决策与用户需求、业务目标及原则。适用于需要书面辩护的设计方向选择、偏离既定模式或存在争议的场景，提供结构化模板以增强说服力。
需要为重大设计决策提供书面辩护
解释偏离既定设计模式的原因
应对争议性或可能被质疑的设计选择
npx skills add Owl-Listener/designer-skills --skill design-rationale -g -y
为已存在但被忽视的设计系统制定采用策略，提供意识提升、教育培训、工具启用及激励机制材料，帮助设计与工程团队持续使用设计系统。
需要推动设计系统在团队中的普及和使用
现有设计系统未被团队有效采纳或存在阻力
npx skills add Owl-Listener/designer-skills --skill design-system-adoption -g -y
审计产品设计令牌的使用情况，检查覆盖率、一致性及硬编码值。通过提取和映射视觉属性，识别不一致、缺失令牌及冗余项，生成包含迁移计划的审计报告，确保设计系统规范落地。
怀疑产品绕过设计令牌使用硬编码值
需要评估设计令牌的覆盖率和一致性
npx skills add Owl-Listener/designer-skills --skill design-token-audit -g -y
指导如何构建针对特定受众的设计演示文稿，涵盖利益相关者更新、设计评审等类型及通用结构，提供幻灯片设计原则与受众适配策略，旨在清晰传达并有效说服。
需要制作内部设计演示文稿
准备向不同角色汇报设计成果
寻求设计反馈或审批
npx skills add Owl-Listener/designer-skills --skill presentation-deck -g -y
专注于撰写清晰、友好的界面文案，包括微文案、错误提示、空状态和CTA。提供分类指南、语调规范及最佳实践，确保内容直观易懂，提升用户体验与产品一致性。
需要撰写界面文案
优化错误提示信息
设计空状态引导
调整CTA按钮文字
npx skills add Owl-Listener/designer-skills --skill ux-writing -g -y
指导如何应用缓动、时长和运动原则优化单一UI动画，提升界面自然感与状态传达。
调整UI动画的缓动曲线或时长
优化微交互的流畅度与自然感
npx skills add Owl-Listener/designer-skills --skill animation-principles -g -y
专注于语音和对话式界面的设计，涵盖对话流、错误恢复及角色设定。适用于无视觉UI或语音为主的交互场景，指导系统提示词编写与多轮对话逻辑。
设计语音助手或智能音箱技能
构建聊天机器人或AI助手的对话流程
优化对话式界面的错误恢复机制
npx skills add Owl-Listener/designer-skills --skill conversational-ux -g -y
应用多赫蒂阈值原则，确保系统响应低于400毫秒以维持用户流畅度。用于诊断感知延迟、设定性能预算及设计即时反馈模式。
诊断界面感知缓慢问题
设定前端性能预算
设计交互反馈与加载状态
npx skills add Owl-Listener/designer-skills --skill doherty-threshold -g -y
专注于设计错误预防、检测与恢复的 UX 专家，涵盖消息内容、位置及用户引导。适用于跨流程的错误体验优化，旨在减少用户挫败感并提升成功率。
需要设计跨多个流程的错误处理机制
优化全局或页面级的错误提示与恢复策略
npx skills add Owl-Listener/designer-skills --skill error-handling-ux -g -y
指导设计系统反馈机制，包括即时确认、状态更新和通知，确保用户感知操作结果。涵盖视觉、文本等多通道及最佳实践。
需要设计成功提示或错误反馈
优化加载状态与进度指示
npx skills add Owl-Listener/designer-skills --skill feedback-patterns -g -y
应用费茨定律优化交互目标的大小和位置，降低触控和指针操作的难度与时间。提供最小尺寸标准、布局策略及常见模式的最佳实践，确保用户能高效准确地完成操作。
UI组件尺寸设计
按钮或控件位置规划
移动端触控区域优化
交互可用性评估
npx skills add Owl-Listener/designer-skills --skill fitts-law -g -y
指导端到端表单设计，涵盖布局、标签、输入类型选择及验证策略，旨在降低弃单率并提升用户体验。适用于需要优化数据采集流程或设计复杂多步表单的场景。
需要设计新的用户表单
优化现有表单的填写体验
解决表单高弃单率问题
npx skills add Owl-Listener/designer-skills --skill form-design -g -y
专注设计直观且易发现的触摸与指针手势交互（如滑动、拖拽、长按），涵盖核心手势定义、发现性、反馈机制及冲突解决规则，确保跨设备体验自然并兼顾无障碍访问。
需要设计移动端或网页端的触控手势交互
处理手势与系统默认行为（如返回、下拉刷新）的冲突
优化手势操作的可见性与反馈提示
npx skills add Owl-Listener/designer-skills --skill gesture-patterns -g -y
基于希克定律分析界面设计，通过减少同时呈现的选项数量、分组和渐进式披露来降低认知负荷与决策时间，适用于导航、表单及定价表等场景。
界面选项过多导致用户决策困难
需要优化导航菜单或表单以简化选择
npx skills add Owl-Listener/designer-skills --skill hicks-law -g -y
评估并优化UI的情感共鸣，通过文案、动效和交互设计提升用户体验的温度与人性化，解决技术正确但体验冷漠的问题。
UI设计测试通过但缺乏情感连接
需要优化界面文案语气或动效节奏
npx skills add Owl-Listener/designer-skills --skill interfaces-that-feel -g -y
应用雅各布定律，评估用户习惯与设计惯例的匹配度，判断何时遵循或创新交互模式，降低学习成本。
设计新功能交互
评估UI惯例偏离风险
决定是否打破通用设计模式
npx skills add Owl-Listener/designer-skills --skill jakobs-law -g -y
