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
用于衡量并传达设计工作对业务和用户成果的价值，帮助将设计定位为战略投资。提供指标框架、报告结构及定性证据收集方法，支持向上汇报和利益相关者沟通。
向领导层汇报设计成果
评估设计对业务指标的影响
撰写设计影响力报告
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
用于规划并引导设计冲刺，帮助团队在数天内从挑战定义到原型测试。涵盖5天经典流程、变体及检查清单，旨在压缩探索周期。
需要快速进行用户探索和原型验证
组织跨职能团队进行集中式创新工作坊
将长期发现过程压缩为短期冲刺
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
定义设计文件、组件库和资产（如Figma/Sketch）的版本控制策略，涵盖分支管理、语义化版本及变更日志规范，适用于解决设计历史混乱场景。
设计文件版本混乱
需要建立设计规范
npx skills add Owl-Listener/designer-skills --skill version-control-strategy -g -y
用于将定性研究数据（如访谈、观察记录）聚类为主题和洞察，支持多源数据综合。通过自下而上分组、命名主题及生成洞察陈述，辅助UX研究者进行用户研究分析。
需要对多个访谈或调研数据进行定性分析和主题归纳
用户要求整理质性数据并提取关键洞察
npx skills add Owl-Listener/designer-skills --skill affinity-diagram -g -y
以设计师视角分析漏斗、留存及事件数据，排查因埋点缺陷或外部因素导致的数据偏差。通过识别数据形状特征，生成可证伪的设计失败假设，指导后续验证方向，而非定义指标或执行实验。
分析他人定义的转化漏斗或留存曲线
探究用户流失原因但怀疑数据准确性
区分设计问题与数据追踪 artifacts
npx skills add Owl-Listener/designer-skills --skill behavioural-analytics -g -y
分析卡片分类结果以优化信息架构。通过识别分组模式、构建相似性矩阵并推荐基于用户心智模型的导航结构，协助UX研究得出清晰的组织建议。
需要分析卡片分类实验数据
生成信息架构或导航结构建议
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研究员设计非引导性问题，遵循漏斗式提问和JTBD原则，确保问题中立且开放，适用于定性研究前的准备阶段。
需要创建用户访谈脚本
准备进行定性用户研究
生成面试问题列表
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研究技能，涵盖阶段、触点、情绪和痛点分析，旨在优化现有体验并识别设计改进机会。
需要绘制端到端用户体验流程
进行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
将用户访谈记录转化为结构化洞察，包括关键主题、支持性引语、待办事项等，便于向利益相关者分享。
需要总结用户访谈记录时
从访谈中提取关键见解和行动项时
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 2.2 标准对现有界面进行无障碍审计，识别访问障碍并提供严重程度评级及修复步骤。适用于设计或构建完成后的合规性评估。
需要评估现有界面的无障碍合规性
生成包含严重级别和修复建议的审计报告
npx skills add Owl-Listener/designer-skills --skill accessibility-audit -g -y
用于编写设计系统组件的详细规范，涵盖结构、API、状态及无障碍访问等，确保设计与开发实现的一致性。
定义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
用于建立设计资产、组件和令牌的可扩展命名规范，确保系统可预测、一致且易维护。当名称不一致或需要设定新规则时触发。
团队命名风格不统一
为新组件或令牌制定命名规则
npx skills add Owl-Listener/designer-skills --skill naming-convention -g -y
用于结构化记录可复用的UX设计模式，涵盖问题背景、解决方案、示例及无障碍考量等。适用于文档化重复性问题的解决思路，而非单一组件API定义。
需要记录或整理通用UX设计模式时
创建设计知识库条目以捕捉设计知识时
npx skills add Owl-Listener/designer-skills --skill pattern-library -g -y
设计支持多品牌、多模式的灵活主题架构，通过Token层级映射实现亮色、暗色及高对比度等视觉变体。指导组件库在统一代码下适配不同主题需求，涵盖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
指导设计师在跨职能环境中，通过证据和共同目标与产品、工程及管理层协商设计质量、范围和进度。旨在促进共识与知情权衡，而非单纯争论胜负。
需要向非设计利益相关者（如PM、工程师、领导）争取设计资源或时间
面临项目范围压缩、工期紧迫或设计决策被覆盖时
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
用于结构化设计演示文稿，针对不同受众（如高管、工程师）定制内容，提供通用结构、幻灯片设计原则及最佳实践，旨在清晰传达并有效说服。
需要制作内部设计汇报PPT
寻求针对特定受众的演示文稿结构建议
npx skills add Owl-Listener/designer-skills --skill presentation-deck -g -y
专注撰写清晰、友好的界面文案，包括微文案、错误提示、空状态及CTA等。旨在引导用户完成任务并强化产品语调，遵循内容优先原则，确保文案简洁、包容且无技术术语，提升用户体验与信心。
需要编写UI界面文案
优化错误提示信息
设计空状态引导文案
制定按钮或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助手）的设计，涵盖对话流程、轮次逻辑、错误恢复及角色设定。适用于无视觉交互或语音为主的场景，提供从系统提示到异常处理的全链路设计指导。
设计语音助手或智能音箱技能
构建聊天机器人或AI对话体验
优化对话流与错误恢复机制
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
专注于设计跨流程的错误预防、检测与恢复体验，涵盖消息内容、位置及用户引导。适用于复杂场景下的错误处理设计，单一表单验证请使用 form-design。
需要设计跨多个流程的错误处理策略
优化错误提示的清晰度与用户恢复路径
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
