pm-brand-motion
SolidUse when: 需要为品牌设计动效方向、制作 logo 动画 demo、定义品牌动效性格、从静态 logo 到动态展示的过渡 Do NOT use when: 需要专业级动效交付(应交给设计师)、已有成品动效无需方向验证、仅需要文字描述不需要 demo
Web & Frontend 65 stars
8 forks Updated 1 weeks ago MIT
Install
Quality Score: 85/100
Stars 20%
Recency 20%
Frontmatter 20%
Documentation 15%
Issue Health 10%
License 10%
Description 5%
Skill Content
## Preamble (run first)
```bash
bash "$(dirname "${BASH_SOURCE[0]}")/../../check-update.sh" 2>/dev/null || true
# 检查方案设计目录
mkdir -p docs/02-方案设计
# 检查前置文档
echo "📊 正在检查前置文档..."
if [ -f "docs/02-方案设计/原型设计方案.md" ]; then
echo "✅ 原型设计方案 - 已找到"
else
echo "⏳ 原型设计方案 - 未找到"
fi
if [ -f "docs/02-方案设计/产品定位方案.md" ]; then
echo "✅ 产品定位方案 - 已找到"
else
echo "⏳ 产品定位方案 - 未找到"
fi
# 检查 logo 文件
echo ""
echo "🎨 正在检查 logo 文件..."
for ext in svg png jpg webp; do
if ls logo.*.$ext 2>/dev/null | head -1 > /dev/null 2>&1; then
echo "✅ logo 文件 (.$ext) - 已找到"
fi
done
echo "⏳ 如果没有 logo 文件,将在步骤中引导您提供"
```
---
## 前置门禁
**必需文档**(至少满足一项):
- 原型设计方案(`docs/02-方案设计/原型设计方案.md`)
- 产品定位方案(`docs/02-方案设计/产品定位方案.md`)
**可选文档**:
- 需求调研报告
- MVP方案
**Logo 文件**(至少满足一项):
- SVG 格式 logo(优先)
- PNG/JPG/WebP 格式 logo 图片
如果必需文档均不存在:
```markdown
⚠️ 未找到前置文档
品牌动效设计需要了解产品的视觉定位和品牌性格。
您可以选择:
A) 执行 /pm-position 生成产品定位方案
B) 执行 /pm-proto 生成原型设计方案
C) 手动输入品牌信息(快速模式)
是否继续?
```
---
## 跨 Agent 交互规则
当流程要求与用户交互时:
1. 如果当前环境支持 AskUserQuestion,使用 AskUserQuestion(最佳体验)。
2. 如果当前环境不支持 AskUserQuestion,必须用普通聊天消息提出同样问题。
3. 一次只问一个问题。
4. 提问后必须停止当前回合,等待用户回答(STOP and WAIT)。
5. 不得在用户回答前生成文档、写入 docs。
6. 已有 docs 文件不能替代本轮用户��答。
---
## 执行流程
### 步骤 1: 确定动效范围
使用 AskUserQuestion 询问:
> 您需要设计哪种类型的品牌动效?
>
> A) Logo 开场动画(splash / 品牌展示页)
> B) 加载状态动画(loading / 等待提示)
> C) 交互微动效(hover / 点击反馈)
> D) 页面过渡动画(转场 / 切换)
> E) 其他(请手动输入)
>
> 💡 提示:
> - 新品牌首发 → 推荐开场动画
> - 已上线产品 → 推荐交互微动效
> - 需要全面规划 → 可以多选,先做开场动画
记录到变量 `MOTION_SCOPE`
---
### 步骤 2: 读...
Details
- Author
- konglong87
- Repository
- konglong87/superPM
- Created
- 5 months ago
- Last Updated
- 1 weeks ago
- Language
- JavaScript
- License
- MIT
Bundled in these plugins
Similar Skills
Semantically similar based on skill content — not just same category
Web & Frontend Solid
pm-proto
Use when: 需要设计产品原型、规划交互流程、确定界面布局、从PRD到视觉的过渡 Do NOT use when: 原型已由设计师完成、仅需文字描述无需视觉产出
65 Updated 1 weeks ago
konglong87 AI & Automation Solid
pm-brainstorm
Use when: 需要创意方案、探索产品方向、发散思维、本质问题分析 用户说"我想做一个XX""帮我规划XX产品""帮我设计一下需求" 用户给出新产品方向,但尚未完成本轮 brainstorm 交互确认 新产品从0到1的第一步 Do NOT use when: 用户明确说"跳过 brainstorm / 直接需求调研 / 已完成头脑风暴" 需求已明确且用户明确要求直接执行具体后续 skill
65 Updated 1 weeks ago
konglong87 Data & Documents Solid
pm-journey
Use when: 需要理解用户体验全链路、发现用户痛点与机会点、优化用户转化流程 Do NOT use when: 用户流程已非常清晰、仅需单一功能分析而非全局体验
65 Updated 1 weeks ago
konglong87