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
用于构建设计验收检查清单，确保代码实现与设计稿一致。涵盖视觉、布局、交互、内容、无障碍及跨平台等维度，指导开发自测与设计师验收流程。
需要验证前端实现是否匹配设计稿时
进行设计走查或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组件或页面的实现交接说明
设计师向开发人员传递设计规范时
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
协助UX团队构建用户同理心地图，整合访谈、观察等研究数据，梳理用户的行为、情感及痛点，以对齐团队对用户需求的理解。
需要快速分享用户洞察
基于研究数据构建用户画像
梳理用户目标与痛点
npx skills add Owl-Listener/designer-skills --skill empathy-map -g -y
生成结构化的用户访谈指南，包含开场、热身、核心探索及总结环节。遵循漏斗法与JTBD原则，确保问题中立开放，辅助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分析，帮助识别改进机会并优化用户体验。
需要绘制用户旅程地图
分析现有用户体验的痛点与机会
进行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
设计无偏见的调查工具，包括问题措辞、量表和抽样方法，以大规模测量用户态度。适用于需要量化数据广度、验证定性研究或监测满意度趋势的场景，确保数据可靠且可行动。
需要大规模量化用户态度或意见
设计调查问卷或量表
验证或量化定性研究发现
监测NPS或满意度变化趋势
npx skills add Owl-Listener/designer-skills --skill survey-design -g -y
用于设计全面的可用性测试计划，包括研究问题、方法论、参与者标准、指标及引导指南。适用于规划整体可用性研究阶段，帮助UX研究人员系统化地评估设计和原型。
需要制定可用性测试计划时
规划用户研究方案时
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
用于规范图标系统的视觉一致性与管理，涵盖网格、尺寸、命名、交付格式及无障碍标准。适用于设计系统构建、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
建立设计资产、组件和令牌的命名规范，确保系统可预测、一致且可扩展。适用于名称不一致或需制定新规则的场景，提供模式示例与最佳实践。
名称不一致时
需要设定新命名规则时
npx skills add Owl-Listener/designer-skills --skill naming-convention -g -y
用于结构化记录可复用 UX 设计模式的文档技能，涵盖问题背景、解决方案、变体及无障碍考量等。适用于将重复出现的 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
指导用户构建针对特定受众和决策目标的设计演示文稿。提供利益相关者更新、设计评审等场景的结构模板，涵盖钩子、背景、方案等通用结构，以及幻灯片设计原则和不同角色（高管、工程师）的适配策略。
需要制作设计演示文稿
寻求演讲结构建议
准备向高管或团队展示设计方案
npx skills add Owl-Listener/designer-skills --skill presentation-deck -g -y
专注于撰写清晰、友好的界面文案，包括微文案、错误提示、空状态和CTA等。提供各类场景的写作规范、语调指南及最佳实践，确保内容易懂且符合品牌声音，提升用户体验。
需要撰写界面按钮、表单标签或工具提示等微文案
设计或优化错误消息、空状态或确认信息
制定产品整体的语音语调（Voice and Tone）指南
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
应用雅各布定律评估设计惯例，分析用户预期与偏离成本，辅助在遵循标准与创新之间做出决策。
设计界面交互模式
评估是否打破常见UI惯例
竞品设计审计
npx skills add Owl-Listener/designer-skills --skill jakobs-law -g -y
