Communitygithub.com

threeaus/creator-style-kit

18のプレミアムビジュアルスタイル(フォント、パレット、モーション文法、SFXキット)から選択し、ユーザーの9:16 HyperFrames動画(AIモデル評価、チュートリアル、科学解説)に適用します。動画やコンポジションの作成、デザイン、スタイル変更時、またはスタイルキットやスタイル名をユーザーが言及した際に使用します。

creator-style-kit とは?

Creator Style Kitは、HyperFrames上に構築されたデザインシステムであり、AIエージェント(Claude Code、Cursorなど)向けに開発されています。このスキルは、18種類のプロフェッショナルなビジュアルスタイル(データジャーナル、弥散玻璃、暗場发布会、水墨留白など)を提供し、ユーザーの9:16動画制作ワークフローに統合します。主な機能は、スタイルの推奨・適用、シーンのビルド(scaffold.py)、フォントのサブセット化(build_style.py)、サウンドパス(sound_pass.py)です。スタイルはリストスタイル(list_styles.py)で確認でき、各スタイルにはハードルール(not: 行)やペーシングが定義されており、高度な感(高级感)を実現するために遵守が必須です。特にAIモデル評価、チュートリアル、科学解説動画に最適化されており、マークアップ契約とkit.* APIに従ってカスタムシーンも作成可能です。また、すべてのレイアウトは9:16(1080×1920)であり、16:9に引き伸ばすことは禁止されています。

対応✓Claude Code~Codex CLI~Cursor
npx skills add threeaus/creator-style-kit

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

Creator Style Kit

このキットは、このスキルのフォルダにあります: KIT=/Volumes/ORICO/Opus/creator-style-kit(ORICOドライブ上 — パスが見つからない場合は、ユーザーにマウントを依頼してください)。これはHyperFrames上のデザインシステムです: /hyperframes ワークフローがプロジェクトのセットアップ、ナレーション、レンダリングを担当し、このスキルはすべてのシーンの見た目、動き、サウンドを決定します。

ワークフロー

  1. スタイルを選択(ユーザーが名前を指定した場合はスキップ)。
    • python3 $KIT/scripts/list_styles.py でライブカタログを表示(id · 名前 · 最適用途 · エッセンス)。
    • 以下の表を参照し、1つのメインスタイル + 最大1つのアクセントスタイル(フックやコードセグメント用)を、それぞれ1行の理由とともに推奨します。
    • プレビューを提供する: /Volumes/ORICO/Opus/风格样张_18套_一览.jpg(静止画)、风格样张_18套.mp4(モーション + サウンド)。
  2. ビルド前にブリーフを読む: python3 $KIT/scripts/list_styles.py <id>。そのnot:行はハードルールです(アクセントは1つ、グローなしなど)— 高级感はそれらに従うことで生まれます。
  3. シーンをビルド。標準ビート(チャプターカード / 見出し+リスト / 大きな数字)→ ビートファイルを作成し、以下を実行: python3 $KIT/scripts/scaffold.py <id> <project> --content beats.json [--init] (--initは新しいプロジェクトの場合のみ; それ以外は、印刷されたホスト<div>をindex.htmlに貼り付けます)。カスタムシーン → マークアップ契約とkit.* APIに従ってください(詳細はREFERENCE.mdを参照)。 ビートの長さはスタイルのペーシングに従います(REFERENCE.mdの「Pacing」を参照); `

関連スキル