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
协助设计师向管理层汇报设计对业务和用户结果的价值，提供指标框架（用户、产品、业务）及报告结构（计分卡、案例、A/B测试），将设计定位为战略投资。
需要向上级或利益相关者汇报设计成果时
撰写设计影响分析报告或季度总结时
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
用于生成清晰完整的设计师到开发者的交付规范文档，涵盖视觉规格、交互行为、内容规则、资产交付及边缘情况，确保开发人员能准确实现设计。
需要将设计稿转化为详细的技术实现说明时
向工程师移交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 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 research-repository -g -y
将用户访谈转录文本转化为结构化、可操作的洞察，包括主题、支持性引语和行动项。适用于单次访谈后的即时总结与利益相关者分享。
提供访谈录音或文字转录稿
需要提取用户痛点、需求和行动建议
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设计提供一致的用户参考。
需要创建用户画像
进行产品设计或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
用于生成设计系统组件的完整规范，涵盖属性、状态、变体、无障碍及交互行为，面向前后端协作。
定义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
专注于多语言、RTL布局及文化适配的UI设计技能，指导如何处理文本扩展、镜像翻转和非拉丁字体排版。
需要支持多语言界面
处理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分层映射实现单一组件库适配多种视觉风格。
需要为组件库设计多套主题方案
实现深色模式或高对比度适配
构建基于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
用于构建针对特定受众和决策场景的设计演示文稿，提供多种类型结构、通用叙事框架及幻灯片设计原则，帮助清晰传达设计故事并有效说服利益相关者。
需要制作内部设计汇报PPT
准备向高管或工程师展示设计方案
寻求设计反馈或最终审批
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
用于设计直观且易发现的触控与指针手势交互，涵盖滑动、拖拽等核心手势的规范、反馈、冲突解决及无障碍访问设计。
需要设计移动端或Web端的手势交互功能
优化现有界面的手势操作体验与可发现性
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
