tao-react-motion

name	tao-react-motion
description	用 Framer Motion (motion/react) 做精美的动画 SVG React 组件——概念图、流程图、产品插画、交互可视化。当用户提到"动画 SVG""Framer Motion 组件""动效插画""motion/react""给网站/dashboard 做动画插图""animated SVG"时使用。
allowed-tools	Read, Agent
metadata	{"short-description":"Framer Motion 动画 SVG React 组件生成"}

Framer Motion 动画 SVG 组件

本 skill 把「SVG 插画与动画专家 (Framer Motion)」封装为隔离执行：门面在此，引擎用 Claude 自带的 general-purpose subagent，大段组件代码不污染主对话（做法 B：原 agent 的 prompt 已内化进 references/playbook.md，不再依赖具名 agent）。

执行步骤

1. 立即 Read 本 skill 目录下的 references/playbook.md（完整 Framer Motion 动画专家指令）。
2. 立即用 Agent 工具：subagent_type: "general-purpose"，把 playbook.md 全文 + 用户要做的插画/动效需求 拼成 prompt 传入，并提示子 agent 执行时只需用 Read/Write/Edit/Glob/Grep（对齐原 agent 的工具范围约定）。不要在主对话里直接写组件。
3. 子 agent 在隔离上下文产出动画 React 组件代码后返回；你只需把结果简洁呈现给用户。

迁移自原 agent tao-react-motion。