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
用于构建设计实现质量检查清单，帮助设计师系统化验证前端开发成果是否与设计规范一致。覆盖视觉、布局、交互、内容、无障碍及跨平台等维度，确保交付物符合预期标准。
需要验证前端实现是否与设计稿一致
进行设计走查或实施审查时
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
用于生成清晰的开发者交接文档，涵盖视觉规范、交互细节、内容规则、资产交付及边缘情况。旨在为开发人员提供实现设计所需的完整信息，确保还原度。
需要将设计稿转化为开发实现规格
编写前端组件或页面的详细交接文档
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
分析卡片分类研究结果，提取用户心智模型，生成相似性矩阵并推荐信息架构结构。适用于UX研究中将分类数据转化为导航和分组建议的场景。
需要分析卡片分类（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
构建用户同理心地图，通过Says、Thinks、Does、Feels四个象限及目标与痛点，综合用户研究数据以对齐团队认知。适用于快速分享用户理解，需结合具体调研资料进行洞察提取。
需要构建用户同理心地图
基于用户研究数据梳理用户画像
npx skills add Owl-Listener/designer-skills --skill empathy-map -g -y
生成结构化的用户访谈脚本，涵盖热身、核心探索及总结环节。适用于定性研究，依据目标与参与者背景设计非引导性问题，并包含探询技巧与主持人注意事项。
需要创建用户访谈指南时
进行定性用户研究准备阶段
npx skills add Owl-Listener/designer-skills --skill interview-script -g -y
基于JTBD框架分析用户深层动机，映射功能、情感和社会维度及期望结果。用于重构以动机为核心的决策，识别产品机会与设计启示。
需要分析用户行为背后的深层动机
使用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 research-repository -g -y
将用户访谈转录文本转化为结构化洞察，提取关键主题、痛点及行动项。适用于单次访谈后的快速总结与 stakeholder 沟通。
收到用户访谈的转录文本或文件
需要对已结束的访谈会话进行结果梳理
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 和图层等设计资产的命名规范，确保系统可预测、一致且可扩展。适用于名称不一致或需要设定命名规则的场景。
组件命名不一致
Token 命名混乱
需要建立新的命名体系
npx skills add Owl-Listener/designer-skills --skill naming-convention -g -y
用于结构化记录可复用UX设计模式，涵盖问题、方案、示例及无障碍等要素。当需文档化重复性解决方案而非单一组件API时使用，旨在构建可复用的设计知识库。
需要记录或创建可复用的UX设计模式条目时
文档化解决常见用户问题的通用方案而非具体组件API时
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
专为设计演示文稿提供结构化支持，涵盖利益相关者更新、设计评审及最终展示等场景。通过Hook到Ask的通用框架和受众适配策略，协助用户构建清晰、有说服力的叙事逻辑与幻灯片内容。
需要构建设计提案或汇报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助手的角色与人设
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
评估UI的情感共鸣，将设计意图转化为具身体验。通过命名用户感受、寻找物理类比、提取行为属性并应用至文案、动效和交互层，提升界面的情感可读性与人性化感知。
UI技术正确但缺乏情感温度
需要优化文案语气或动效以匹配用户情绪状态
设计测试通过但用户体验冷淡
npx skills add Owl-Listener/designer-skills --skill interfaces-that-feel -g -y
基于雅各布定律评估设计惯例，分析用户预期与偏离成本，指导在遵循通用模式或创新间做出决策。
需要决定界面交互是否打破常规时
评估设计创新对用户学习成本的影响时
npx skills add Owl-Listener/designer-skills --skill jakobs-law -g -y
