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
生成清晰完整的设计师到开发者的交接规范文档，涵盖视觉、交互、内容、资产及边缘情况，确保实现准确。
需要将设计稿转化为开发可执行的详细规格说明
工程团队接手设计工作时需要明确的实现细节
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
构建同理心地图，整合用户研究数据，通过Says、Thinks、Does、Feels四个象限及目标、痛点，快速对齐团队对用户理解的共识。
需要梳理和可视化用户特征与情感
基于访谈或调研数据总结用户洞察
为新用户类型或细分群体建立理解框架
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
将用户访谈转录文本转化为结构化洞察，提取关键主题、支持性引语、痛点及行动项，辅助利益相关者快速理解用户反馈并指导后续设计或研究。
提供用户访谈转录内容
需要整理和分析单次访谈结果
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（从右至左）布局适配的任务
针对特定文化背景调整UI元素如颜色图标的任务
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。
需要文档化通用设计模式时
构建设计知识库或模式库时
npx skills add Owl-Listener/designer-skills --skill pattern-library -g -y
设计支持多品牌、多模式（如深色模式）的灵活主题架构，通过全局、语义和组件层级的Token映射实现。指导如何定义主题类型、处理暗色模式细节及实施CSS变量等最佳实践。
需要为组件库设计多主题支持
构建品牌变体或深色模式系统
规划UI 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、工程及领导层协商，应对时间压缩、范围缩减等场景，实现知情权衡。
需要向非设计利益相关者（如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
用于制定设计系统采纳策略，通过宣传、教育、赋能和激励措施推动团队使用现有设计系统，解决忽视问题并提供迁移支持。
需要提升设计系统在各团队的采用率
团队忽略或抵制使用统一的设计系统
需要为设计系统制定推广和.enablement材料
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。旨在指导用户完成任务并强化产品语调，遵循内容优先原则，确保语言简洁、包容且符合品牌声音。
需要编写界面文案
优化错误消息或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
专注于语音界面、聊天机器人及AI对话体验的设计，涵盖对话流结构、轮次逻辑、错误恢复机制及角色设定。适用于无视觉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/UX 设计中的控件规划。
评估按钮或控件的可点击性
优化移动端触控区域大小
调整界面元素的位置以提高操作效率
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
