clayzo-animation-authoring について
clayzo-animation-authoringは、clayzoでアニメーションを制作するためのスキルです。アートディレクションの決定、必要な資料の選択、提出前のプレビューとレビューを支援します。
主な機能
- 01制作前のアートディレクション策定
- 02タスクに応じた資料選択
- 03モーションとエフェクト制作のガイド
- 04プレビューとセルフレビューの手順
- 05clayzoコマンドの使用
活用シーン
- 01アニメーションのビジュアル方針の策定
- 02インタラクション状態やループの制作
- 03ビジュアル資料を基にしたモーション制作
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ clayzo/ agent-skills --skill clayzo-animation-authoringインストール後、Claude Code で/clayzo-animation-authoringを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/art-direction.mdauthoring-scripts.mdcase-studies.mdcomposition-typography.mdcustom-shaders.mdduotone-dither.mdeffect-parameters.mdglass-refraction.mdloop-design.mdmatching-a-reference.mdmotion-fundamentals.mdmotion-recipes.mdorbit-camera-25d.mdpattern-systems.mdpointer-interaction.mdpreviewing-work.mdproduct-microinteractions.mdproduct-ui-craft.mdrelease.jsonreveals-and-masks.mdself-review.mdshape-construction.mdtext-and-fonts.md詳細
Clayzo のアニメーション制作
すべての制作タスクで、制作スクリプト、アートディレクション、モーションの基礎を読んでください。ノードを制作する前に、アートディレクションの選択(動詞、形状、パレット、スケール、言葉)を書き出してください。
ブリーフに必要な追加のリファレンスのみを読み込んでください。
- 構成やテキスト階層:構成とタイポグラフィ
- 製品のフィードバック、状態、状態マシン(アイドル、ホバー、押下、読み込み、完了)、または動きを減らす設定:製品のマイクロインタラクション
- カーソル、ホバー、押下、ドラッグ、またはバインドされた入力:ポインター操作
- 製品画面、アプリケーションのクローム、または共有要素のモーフィング:製品 UI のクラフト
- シームレスなループ、または意図的に区切るループ:ループの設計
- カメラの旋回、奥行き、視差、または 2.5D:旋回カメラ
- ガラスや背景の屈折:ガラスと屈折
- デュオトーンのパレットや組織的ディザリング:デュオトーンとディザリング
- カスタム SkSL:カスタムシェーダー
- タイル状の背景、格子、ストライプ、ピクセルの連鎖、ドットリング、または反復する単位:パターンシステム
- 点や端から広がる、ワイプする、流れ出る、または開く塗りつぶし、クリップパス、マット:表示とマスク
- 登場と退場のタイミング、段階的なずらし、ポップ、オーバーシュート、または作品のビート構成:モーションのレシピ
- テキストノード、タイトル、数字、仮のコピー、またはリファレンスに合わせる必要があるフォント:テキストとフォント
- サウンドトラック、効果音、またはオーディオノード:制作スクリプトの Audio セクション
- ロゴ、ワードマーク、バッジ、ピクトグラム、または基本図形で構成する形状:形状の構築
- 動画、モックアップ、または既存のモーションの再現や検証:リファレンスとの照合
- リファレンスのないブリーフ:ケーススタディから始め、図形を作る前に 5 つの役割を選んでください。
エフェクトを編集するたびに、エフェクトパラメーターも読んでください。重要な変更を加えた後は、作業のプレビューを読んでください。完成前に、セルフレビューを読み、納品する正確なリビジョンを確認してください。
clayzo コマンドを使用してください。リポジトリ専用のコマンド、プライベート API、または古いパッケージのエントリーポイントは使用しないでください。
コメント
Markdown 対応