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 (111)
Showing top 50 of 111 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
系统化识别产品中的设计债务，包括视觉不一致、结构缺陷、无障碍问题及文档缺失。通过分类、量化和评分生成优先级修复计划，帮助团队清理累积的设计偏差并制定改进路线。
发现产品设计风格不统一
需要评估设计系统的一致性
准备进行大规模UI重构前
排查可访问性合规风险
npx skills add Owl-Listener/designer-skills --skill design-debt-audit -g -y
用于衡量并沟通设计工作对业务和用户成果的价值，将设计决策与可衡量的结果建立联系。提供用户、产品及业务指标框架，以及记分卡、案例分析和A/B测试等报告结构，帮助向利益相关者展示设计贡献。
向上汇报设计成果
撰写设计价值报告
量化设计对业务的影响
npx skills add Owl-Listener/designer-skills --skill design-impact-reporting -g -y
用于构建设计实现验收清单，帮助设计师系统验证开发产物是否与设计规范一致。涵盖视觉、布局、交互、内容、无障碍及跨平台等维度的检查项，指导从自审到修复验证的完整QA流程。
需要验证前端页面是否还原设计稿时
进行设计走查或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
生成详细的开发者交接规范，涵盖视觉、交互、内容及边缘情况，确保设计准确落地。
需要将UI/UX设计转化为开发可执行的技术文档
在设计与工程团队间传递实现细节
npx skills add Owl-Listener/designer-skills --skill handoff-spec -g -y
设计高效的设计团队工作流与协作实践，涵盖任务管理、协作仪式、沟通规范及工具栈，旨在优化日常节奏、提升交付质量并促进设计与开发的高效协同。
需要建立或优化团队协作流程
设计团队日常管理结构混乱
需要规范任务追踪与状态定义
npx skills add Owl-Listener/designer-skills --skill team-workflow -g -y
定义设计文件、组件库和设计资产的版本控制策略，包括分支管理、命名规范和发布流程，解决历史混乱问题。
设计文件版本历史混乱
需要制定组件库版本规范
npx skills add Owl-Listener/designer-skills --skill version-control-strategy -g -y
用于对定性研究数据进行亲和图分析，通过自下而上聚类提取主题与洞察。适用于多源或跨会话数据综合，支持访谈记录、观察数据及问卷反馈的结构化整理与优先级排序。
需要对多个访谈或调研数据进行主题聚类
从定性资料中提炼用户洞察和设计建议
npx skills add Owl-Listener/designer-skills --skill affinity-diagram -g -y
作为设计师分析漏斗、留存及事件数据，区分设计问题与追踪缺陷。排查数据异常后，基于数据形态生成可验证的设计假设，确定后续测量重点。
需要分析他人定义的产品数据以定位用户流失原因
需要根据行为数据判断界面或流程的设计问题
npx skills add Owl-Listener/designer-skills --skill behavioural-analytics -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
生成结构化用户访谈指南，涵盖热身、核心探索及总结环节。遵循漏斗法与JTBD原则，确保问题中立开放，适用于定性研究前的准备工作。
需要创建用户访谈提纲
准备UX调研脚本
设计用户调研流程
npx skills add Owl-Listener/designer-skills --skill interview-script -g -y
应用JTBD框架分析用户深层动机，映射功能、情感和社会维度，定义任务阶段与预期结果，识别当前方案痛点与设计机会。
需要理解用户行为背后的动机
进行用户体验研究或需求分析
重新审视产品决策而非仅关注功能
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 qual-quant-triangulation -g -y
构建研究仓库以整合团队发现，防止重复研究。设计洞察、研究与原始数据的三层架构及标签系统，确立维护文化，确保研究成果可查找、复用并累积价值。
需要建立或优化研究知识库
团队重复进行相同的研究工作
研究成果难以查找和复用
npx skills add Owl-Listener/designer-skills --skill research-repository -g -y
将用户访谈记录转化为结构化洞察，包括关键主题、引用、痛点及行动项，辅助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设计提供一致的用户参考依据。
需要创建用户画像
进行产品或UX设计决策
npx skills add Owl-Listener/designer-skills --skill user-persona -g -y
针对现有界面执行 WCAG 无障碍审计，识别障碍并提供严重性评级及修复步骤。适用于评估设计或构建成果，非用户测试规划。
需要评估现有界面的无障碍合规性
生成 WCAG 审计发现与修复建议
npx skills add Owl-Listener/designer-skills --skill accessibility-audit -g -y
用于为设计系统编写完整、可实施的组件规范，涵盖属性、状态、变体、无障碍及用法指南，面向设计师与开发者。
定义库组件的属性和行为
编写前端组件的详细规格说明
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设计模式而非单一组件API时
创建或更新设计系统模式库条目时
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。提供各类UI文本的写作规范、语调指南及最佳实践，确保内容符合品牌声音并提升用户体验。
需要撰写按钮标签或表单占位符等微文案
需要优化错误消息或确认提示
需要设计空状态引导文案
需要调整产品整体语调与风格
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或语音为主的交互场景，指导系统提示词编写与确认策略。
需要设计语音助手或聊天机器人的对话逻辑
处理对话中的错误恢复和异常路径
npx skills add Owl-Listener/designer-skills --skill conversational-ux -g -y
应用Doherty阈值原则，确保系统响应低于400ms以维持用户心流。用于诊断感知延迟、设定性能预算及设计即时反馈机制。
诊断界面响应慢或感知延迟问题
制定前端性能预算指标
优化交互反馈与加载状态设计
npx skills add Owl-Listener/designer-skills --skill doherty-threshold -g -y
专注于设计产品中的错误预防、检测与恢复体验，涵盖消息内容、位置及用户引导。适用于跨流程的复杂错误场景处理，旨在减少用户挫败感并提升成功率。
需要设计跨多个流程的错误处理机制
优化全局错误提示、状态反馈及用户恢复路径
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
