Agentchengfeng/remotion-skill

remotion-skill は何をしますか？

Remotion アニメーション論理図スキル — ASCIIスケッチをGIFに変換します。

概要

このスキルは、ASCIIアートで描かれたスケッチやワイヤーフレームを、Remotionを使ってアニメーションGIFに変換します。プレーンテキストやMarkdown内のASCII図を、動きのある論理図やフローチャートとして視覚化できます。

対応プラットフォーム

• Claude Code
• Cursor
• Codex
• その他のAIエージェント

使い方

1. ASCII図（スケッチ、ワイヤーフレーム、フローチャートなど）を用意します。
2. スキルに図を渡すと、自動的に解析され、Remotionでレンダリングされます。
3. 出力はGIFファイルとして提供されます。

仕組み

• ユーザーがASCII図を提供します。
• スキルは図を解析し、Reactコンポーネントを生成します。
• Remotionがそのコンポーネントをレンダリングし、GIFファイルを出力します。

必要条件

• Node.js 18以上
• Remotion 4.0以上

インストール

npm install @remotion/cli

例

入力（ASCII図）:

+-------+     +-------+
| 開始   |---->| 処理A |
+-------+     +-------+
                  |
                  v
             +-------+
             | 終了   |
             +-------+

出力：アニメーションGIF（Remotionでレンダリング）

注意事項

• 図が複雑すぎる場合、解析に時間がかかることがあります。
• 生成されるGIFの長さはデフォルトで10秒です。調整可能です。

ライセンス

MIT