Token导航 LogoToken导航

Agent Skill · 效率

product-design-gungun(产品设计 枪枪)

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

product-design-gungun 是效率类 Agent Skill,可用宿主为 OpenClaw,通过ClawHub获取,权限为权限未标注;许可证为 MIT-0,第三方扫描已通过,按安装量在效率类的 21,003 个 Skill 里排第 4,589。

总安装 12,925周安装 544GitHub Stars 公开资料未说明下载 4,526核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
MIT-0
版本
1.0.0

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:product-design-gungun(产品设计 枪枪)
来源仓库:https://github.com/alsoforever/product-design-gungun
安装命令:
openclaw skills install product-design-gungun
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 OpenClaw 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

ClawHubOpenClaw
openclaw skills install product-design-gungun

这个 Skill 是做什么的

效率类 Skill 把重复的整理、汇总、转换工作交给助手完成,减少手工复制粘贴。

辅助界面设计规范与用户体验优化。product-design-gungun 属于效率类 Skill,可作为该场景下的辅助能力补充。适用于 OpenClaw 中 UI/UX 方案生成与视觉一致性检查。支持页面结构梳理、配色排版与组件层级改进。

安装命令:openclaw skills install product-design-gungun。涉及真实页面修改时应预览响应式表现。

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 OpenClaw;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 openclaw skills install product-design-gungun;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    权限没有明确标注,第一次使用时只给一个无关紧要的任务,观察它到底读了哪些文件和网络。

常见问题

6 条

product-design-gungun 怎么安装?

在终端执行 openclaw skills install product-design-gungun。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

product-design-gungun 支持哪些 AI 工具?

公开资料标注支持 OpenClaw。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

product-design-gungun 需要什么权限?

权限级别没有明确标注。第一次使用时建议只给无关紧要的任务,观察它实际读写了哪些内容。

product-design-gungun 是免费的吗?

来源标注的许可证是 MIT-0。本站不代收任何费用,也不托管安装包;能否商用、要不要署名,以许可证原文为准。

product-design-gungun 用的人多吗?

公开数据是累计安装 12,925 次,近一周安装 544 次,下载 4,526 次。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

product-design-gungun 安全吗?

第三方扫描结果为通过,但这只覆盖已知的静态检查项,不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

  • 专注 OpenClaw 一种宿主,触发方式和使用习惯不用来回切换。
  • 许可证明确为 MIT-0,商用和分发边界好判断。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 OpenClaw,想直接扩展它能力的人。
  • 需要处理效率类任务、又不想每次都手写提示词的人。
  • 需要许可证清楚、并且有第三方扫描结果的团队项目。

不太适合

  • 需要厂商级技术支持和 SLA 的生产系统。

效率类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
github

GitHub 代码协作 · OpenClaw

7,632,918545需要联网MIT-0通过
nano-pdf

Nano PDF 文档 · OpenClaw

4,249,476231需要联网MIT-0通过
auto-updater

自动更新程序 · OpenClaw

2,964,063386操作浏览器MIT-0通过
video-frames

视频帧 · OpenClaw

2,621,304112需要联网MIT-0通过
gemini

Gemini 助手 · OpenClaw

2,547,39648需要联网MIT-0有提醒
product-design-gungun

产品设计 枪枪 · 本页

12,925—权限未标注MIT-0通过

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

name
product-design
description
产品设计技能 - 掌握用户需求分析、产品规划、原型设计、体验优化等核心能力
author
滚滚 & 地球人
version
1.0.0
updated
2026-03-15

🎨 product-design - 产品设计技能

Slogan: 以用户为中心,创造有价值的产品体验


📋 技能描述

提供完整的产品设计能力,从用户研究到原型设计, 帮助 AI Agent 理解用户需求,设计优秀的产品体验。


🎯 核心知识

1. 用户研究

方法说明产出
用户访谈一对一深度访谈用户需求、痛点
问卷调查大范围数据收集用户画像、偏好
焦点小组小组讨论用户反馈、洞察
可用性测试观察用户使用体验问题、优化点
数据分析行为数据分析使用模式、转化漏斗

2. 用户画像

用户画像模板:

【基本信息】
- 姓名:(虚拟)
- 年龄:
- 职业:
- 收入:
- 城市:

【行为特征】
- 使用场景:
- 使用频率:
- 偏好功能:
- 痛点问题:

【需求层次】
- 基本需求:
- 期望需求:
- 兴奋需求:

【引用语】
"我希望...因为..."

3. 需求分析

方法说明应用场景
KANO 模型基本/期望/兴奋需求需求优先级
MoSCoW 法则Must/Should/Could/Won't版本规划
RICE 评分Reach/Impact/Confidence/Effort需求排序
用户故事地图用户旅程可视化功能规划
Jobs to be Done用户要完成的任务需求洞察

4. 信息架构

信息架构原则:

1. 清晰性 - 用户能快速理解
2. 一致性 - 统一的组织和命名
3. 可寻性 - 用户能快速找到
4. 可扩展性 - 支持未来增长
5. 简洁性 - 避免过度复杂

常用结构:
- 层级结构(树状)
- 矩阵结构(多维度)
- 自然结构(场景化)
- 线性结构(流程式)

5. 交互设计

原则说明示例
可见性功能应该可见按钮明显可点击
反馈操作后有反馈点击后颜色变化
约束限制错误操作禁用不可用按钮
一致性保持界面一致相同功能相同位置
容错允许犯错和恢复撤销/重做功能

6. 视觉设计

要素说明原则
色彩品牌色、功能色对比、和谐、可访问
排版字体、字号、行距层次、可读、一致
间距元素间距离8px 网格系统
图标功能可视化简洁、可识别
图片内容展示高质量、相关

🛠️ 应用能力

能力 1:需求文档 (PRD)

# 产品需求文档

## 1. 背景
- 问题描述
- 目标用户
- 业务目标

## 2. 功能需求
- 功能列表
- 功能描述
- 优先级

## 3. 用户故事
- 作为 [用户类型]
- 我希望 [做什么]
- 以便 [达到什么目的]

## 4. 功能详情
- 页面流程
- 交互逻辑
- 边界情况

## 5. 数据需求
- 埋点需求
- 数据指标

## 6. 成功标准
- 核心指标
- 目标值

能力 2:原型设计

原型设计流程:

1. 草图(Sketch)
   - 纸笔或白板
   - 快速表达想法
   - 不追求细节

2. 线框图(Wireframe)
   - 低保真原型
   - 展示布局和信息
   - 工具:Figma/Sketch

3. 可交互原型(Prototype)
   - 中/高保真
   - 模拟真实交互
   - 工具:Figma/Principle

4. 设计稿(Mockup)
   - 高保真视觉
   - 完整设计规范
   - 交付开发

能力 3:用户体验地图

用户体验地图模板:

【阶段】    认知 → 考虑 → 使用 → 复购 → 推荐

【用户行为】
【用户想法】
【情绪曲线】
【痛点问题】
【机会点】

制作方法:
1. 定义用户和场景
2. 划分体验阶段
3. 收集用户行为数据
4. 绘制情绪曲线
5. 识别痛点和机会
6. 制定优化方案

能力 4:A/B 测试设计

A/B 测试流程:

1. 提出假设
   "改变 X 会提升 Y 指标"

2. 设计变体
   - 对照组(A):原版
   - 实验组(B):改动版

3. 确定指标
   - 核心指标(如转化率)
   - 辅助指标(如停留时长)
   - 护栏指标(如卸载率)

4. 计算样本量
   - 显著性水平:0.05
   - 统计功效:0.8
   - 最小可检测效应

5. 运行测试
   - 随机分组
   - 同时运行
   - 足够时长

6. 分析结果
   - 统计显著性
   - 实际意义
   - 决策建议

能力 5:设计评审

设计评审清单:

【目标对齐】
- [ ] 设计是否解决目标问题?
- [ ] 是否符合产品战略?

【用户体验】
- [ ] 是否易于理解?
- [ ] 是否易于使用?
- [ ] 是否满足用户需求?

【技术可行】
- [ ] 技术是否可实现?
- [ ] 成本是否合理?
- [ ] 时间是否可行?

【商业价值】
- [ ] 是否有商业价值?
- [ ] ROI 是否合理?
- [ ] 是否有风险?

【下一步】
- [ ] 需要修改的地方
- [ ] 负责人
- [ ] 截止时间

📊 实战案例

案例 1:电商 APP 购物车优化

背景:购物车转化率低

研究:
- 数据分析:70% 用户加购后未结算
- 用户访谈:运费不透明、优惠复杂
- 竞品分析:主要竞品运费明确

问题:
1. 运费计算不清晰
2. 优惠券使用复杂
3. 结算流程长

方案:
1. 购物车显示预估运费
2. 自动推荐最优优惠
3. 简化结算流程

结果:
- 购物车转化率提升 35%
- 用户满意度提升 20%
- 客单价提升 15%

案例 2:SaaS 产品 onboarding 优化

背景:新用户激活率低

研究:
- 数据分析:仅 30% 新用户完成核心操作
- 用户测试:不知道从哪开始
- 反馈收集:功能太多,无从下手

问题:
1. 缺乏引导
2. 功能复杂
3. 价值不清晰

方案:
1. 设计 onboarding 流程
2. 任务清单引导
3. 渐进式功能展示

结果:
- 新用户激活率提升至 65%
- 7 日留存提升 40%
- 支持请求减少 50%

案例 3:金融产品风控设计

背景:平衡风控和用户体验

挑战:
- 风控严格 → 用户体验差
- 风控宽松 → 风险高

方案:
1. 分层风控策略
   - 低风险用户:简化流程
   - 高风险用户:严格验证

2. 渐进式信息收集
   - 先收集必要信息
   - 后续逐步补充

3. 透明化告知
   - 说明为什么需要
   - 说明如何使用

结果:
- 通过率提升 25%
- 欺诈率保持低位
- 用户满意度提升

🔧 工具推荐

设计工具

工具用途特点
Figma界面设计/原型协作强、云端
Sketch界面设计Mac 专用、插件多
Adobe XD设计/原型Adobe 生态
Principle交互动画动画效果好
Axure高保真原型功能强大

研究工具

工具用途特点
UserTesting远程测试真实用户反馈
Hotjar行为分析热力图/录屏
SurveyMonkey问卷调查模板多
Miro协作白板远程协作
Optimal Workshop信息架构测试专业 IA 测试

数据分析

工具用途特点
Google Analytics网站分析免费、功能全
Mixpanel产品分析事件追踪
Amplitude用户行为深度分析
神策数据国内分析本地化好

📈 设计流程

双钻模型 (Double Diamond):

    问题空间              解决方案空间
    ┌─────┐              ┌─────┐
    │ 发现 │              │ 定义 │
    │ 发散 │              │ 收敛 │
    └──┬──┘              └──┬──┘
       │                    │
       ▼                    ▼
    ┌─────┐              ┌─────┐
    │ 开发 │              │ 交付 │
    │ 发散 │              │ 收敛 │
    └─────┘              └─────┘

阶段说明:
1. 发现 - 理解问题,用户研究
2. 定义 - 聚焦问题,明确需求
3. 开发 - 探索方案,原型设计
4. 交付 - 验证方案,落地实施

⚠️ 注意事项

设计原则

  • [ ] 以用户为中心
  • [ ] 解决真实问题
  • [ ] 保持简单
  • [ ] 保持一致性
  • [ ] 考虑可访问性

常见陷阱

  • [ ] 自嗨设计(自己觉得好)
  • [ ] 过度设计(功能太多)
  • [ ] 忽视边界情况
  • [ ] 不考虑技术限制
  • [ ] 不验证就上线

评审要点

  • [ ] 目标是否清晰
  • [ ] 用户是否理解
  • [ ] 技术是否可行
  • [ ] 数据是否可衡量
  • [ ] 风险是否可控

🌪️ 滚滚的话

产品设计不是画图, 是理解用户,解决问题。

好的设计, 用户感觉不到设计, 只觉得好用。

滚滚陪你一起, 设计有价值的产品! 🎨💚


创建人: 滚滚 & 地球人 创建时间: 2026-03-11 更新时间: 2026-03-15 状态: ✅ 学习完成

平台分布

OpenClaw

93.82%
按下载量换算4,246

安全审计

VirusTotal

通过

ClawScan

通过

Static analysis

通过

权限和风险

权限未标注

当前来源未能明确判断权限范围,默认进入异常复核队列。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills