pm-brand-motion
SolidUse when: 需要为品牌设计动效方向、制作 logo 动画 demo、定义品牌动效性格、从静态 logo 到动态展示的过渡 Do NOT use when: 需要专业级动效交付(应交给设计师)、已有成品动效无需方向验证、仅需要文字描述不需要 demo
Web & Frontend 69 stars
8 forks Updated 2 days ago MIT
Install
Quality Score: 87/100
Stars 20%
Recency 20%
Frontmatter 20%
Documentation 15%
Issue Health 10%
License 10%
Description 5%
Skill Content
## Preamble (run first)
```bash
# 检查方案设计目录
# 检查前置文档
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 文件,将在步骤中引导您提供"
```
---
## 写入时边界
只讨论时不写文件,启动检查不创建目录。用户要求保存产物时,先确认当前产品、精确输出路径及已有文件的覆盖/追加选择;确认后**仅在实际 Write 前**创建该输出文件的父目录。完整安装可参见 `skills/_shared/artifact-policy.md`,单独安装本 skill 也按本段执行。
---
## 前置门禁
**必需文档**(至少满足一项):
- 原型设计方案(`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) 其他(请手动输入)
>
> 💡 提示:
> - 新品牌首发 → 推荐开场动画
> - 已上线产品 → 推荐交互微动效...
Details
- Author
- konglong87
- Repository
- konglong87/superPM
- Created
- 6 months ago
- Last Updated
- 2 days ago
- Language
- JavaScript
- License
- MIT
Bundled in these plugins
Similar Skills
Semantically similar based on skill content — not just same category
Data & Documents Solid
pm-journey
Use when: 需要理解用户体验全链路、发现用户痛点与机会点、优化用户转化流程 Do NOT use when: 用户流程已非常清晰、仅需单一功能分析而非全局体验
69 Updated 2 days ago
konglong87 Web & Frontend Listed
design-frontend
前端/数字产品设计通用原则专项方法论。当产出是 Web/App ���面、交互数字产品、或含动效的页面,需要"像专业前端设计师一样"打磨信息架构、文案、视觉观感与动效时触发。覆盖:结构装置即信息、反模板校准(避免AI默认观感)、复杂度匹配愿景、文案即物料(UX写作)、动效编排时刻、动效语义与具体手法、前端设计通用原则。触发词:「前端设计」「网页界面」「数字产品」「UX写作」「反AI模板」「结构装置」「文案」「动效编排」「signature元素」。
0 Updated 2 weeks ago
yang20040317-svg Web & Frontend Solid
pm-position
Use when: 需要明确产品定位、设计商业模式、规划盈利方式、制定定价策略、进行盈利预测 Do NOT use when: 产品定位已明确、仅需执行无需重新定位
69 Updated 2 days ago
konglong87