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
系统性识别和分类产品设计债务（视觉、结构、无障碍等），量化影响并生成优先修复计划，帮助团队清理累积的设计不一致问题。
产品出现设计不一致或技术债堆积
需要评估设计系统合规性
制定设计重构路线图
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
用于规划和引导设计冲刺，将挑战转化为原型测试。涵盖经典五天流程、变体及最佳实践，适用于快速压缩探索周期的场景。
需要规划从问题定义到原型验证的短期高强度工作坊
团队希望快速进行用户研究和方案收敛
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
为设计文件、组件库和设计令牌制定版本控制策略，包括分支管理、语义化版本和变更日志规范。旨在解决设计资产历史混乱问题，确保团队协作与一致性。
设计文件版本管理混乱
需要定义组件库发布流程
建立设计系统治理规范
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
以设计师视角分析行为数据，通过漏斗和留存曲线定位设计问题。验证数据有效性后，基于数据形态提出可证伪的设计假设，区分设计与追踪缺陷，指导后续优化方向。
需要分析他人定义的产品数据以查找用户流失原因
需要根据漏斗或留存曲线生成设计改进假设
npx skills add Owl-Listener/designer-skills --skill behavioural-analytics -g -y
分析卡片分类研究结果，识别用户心智模型中的常见分组模式与命名规范。生成相似性矩阵，推荐信息架构导航结构，标记歧义项并提供后续测试建议，辅助产品结构设计决策。
需要分析卡片分类（Card Sort）数据以优化网站或应用的信息架构
根据用户研究证据提出导航分类和标签体系建议
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
用于构建同理心地图，综合用户研究数据，梳理用户的言行、想法和情感，识别目标与痛点，帮助团队快速对齐对用户需求的理解。
需要梳理用户洞察
基于访谈或调研数据总结用户特征
npx skills add Owl-Listener/designer-skills --skill empathy-map -g -y
生成结构化的用户访谈指南，涵盖开场、热身、核心探索及收尾环节。遵循漏斗式提问与JTBD方法，确保问题非引导性，适用于UX定性研究准备阶段。
需要创建用户访谈提纲
准备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
专注于设计无偏见的调查问卷，涵盖问题措辞、量表选择及抽样方法，旨在大规模量化用户态度、行为频率及满意度。适用于需要定量广度数据以验证假设或测量变化的场景。
设计定量调查问卷
优化问卷问题措辞与结构
选择适合的态度或行为测量量表
规划抽样策略
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标准对现有界面进行无障碍审计，识别障碍并提供严重度评级及修复步骤。适用于设计或构建完成后的合规性评估，非用户测试规划。
需要评估现有界面的无障碍合规性
发现界面可能存在访问障碍
npx skills add Owl-Listener/designer-skills --skill accessibility-audit -g -y
用于为设计系统编写全面且可执行的组件规格说明书，涵盖结构、变体、API、状态、无障碍及用法指南。
定义库中的通用组件
制定组件的设计与开发规范
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
用于规范图标系统的视觉一致性与管理，涵盖网格、尺寸、风格、命名规则及交付物标准。确保图标在可访问性、多端适配和版本控制上的最佳实践，适用于UI设计标准化场景。
需要统一前端或设计系统中的图标规范
定义新图标的命名、分类或样式标准
检查现有图标系统的可访问性与一致性
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设计模式，涵盖问题、方案、变体及无障碍考量。适用于文档化通用解决方案而非单一组件API的场景。
需要文档化重复出现的UX问题解决模式
构建或更新设计模式库条目
npx skills add Owl-Listener/designer-skills --skill pattern-library -g -y
设计支持多品牌、多模式（如深色模式）的灵活主题架构，通过全局、语义和组件层级的 Token 映射实现一套组件库适配多种视觉风格。
需要为单一系统配置多个主题变体
设计跨品牌或深色/高对比度模式的 UI 规范
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
指导如何构建针对特定受众的设计演示文稿，涵盖利益相关者更新、设计评审等类型及通用结构。提供幻灯片设计原则、受众适配策略和最佳实践，旨在清晰传达并有效说服。
需要制作内部设计汇报PPT
寻求设计方案的反馈或批准
准备设计案例展示
npx skills add Owl-Listener/designer-skills --skill presentation-deck -g -y
专注于撰写清晰、友好的界面文案，包括微文案、错误提示、空状态和CTA等。旨在帮助用户完成任务并增强产品语音一致性，遵循内容优先、简洁易懂及包容性原则。
需要撰写界面文案时
优化错误消息或空状态文本时
设计按钮标签或引导语时
npx skills add Owl-Listener/designer-skills --skill ux-writing -g -y
指导为特定 UI 元素应用缓动、节奏等动画原则，优化交互手感。涵盖缓动类型、时长规范、运动原则及最佳实践，确保动画自然且高性能。
需要调整 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
指导设计系统反馈机制，包括确认、状态更新和通知，确保用户感知操作结果。涵盖即时、确认、状态及通知反馈类型，以及视觉、文本等渠道和层级规范。
需要设计成功或操作的确认提示
需要添加加载或进度状态展示
需要处理错误状态的UX设计
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
