CrissAlvarezH/new-style

新しいスタイル

スタイルとは、動画の見た目と動きのことです。ワークスペースの styles/<id>/ に配置され（すべてのプロジェクトで共有）、style.json で記述されます。Reel Studio の「Estilos」ページに表示され（パレット、フォント、ルック、モーション、避けるべき点、例、参考資料）、新しい動画をこのスタイルで作成できます。まず既存のスタイル（styles/*/style.json、および完全な例として styles/collage-semitono/）を読んで、新しいスタイルも同じように記述し、既存のものを重複させないようにしてください。

クリエイターの言語で、彼の話し方で話してください。彼は対話型ダイアログには答えられません。テキストで質問してください。

簡潔に。 1メッセージにつき1ステップ、短い数行で：質問とあなたの提案を1行にまとめ、「sí」や一言で答えられるようにしてください。前置きは不要、既存スタイルの一覧も不要、プロセスや次のステップの説明も不要、長い選択肢リスト（2～3個、各数語）も不要です。彼の言葉を繰り返さず、先に進んでください。

1. インタビュー

一度に1ステップずつ、以下の順序で行います。彼が既に言ったことはスキップしてください。必要なもの：

1. 名前とアイデアを一文で：どんな雰囲気か、どんな動画向けか。
2. 参考資料：リンク（動画、アカウント、ボード、サイト）と画像。彼は画像をチャットに貼り付けたりドロップしたりできます。画像はプロジェクトの .reel-studio/images/ にパスとして付随してきます。使用する画像は styles/<id>/refs/ にコピーしてください（このフォルダはチャット専用です）。画像へのリンク：curl -L でそこにダウンロードします。複数ファイルを一度に：styles/<id>/refs/ を作成し、彼が画像をドロップできるように開きます（macOS: open <dir>、Windows: explorer <dir>）、そして彼が「置いた」と言うまで待ちます。Inspiración からのリールで彼が名前を付けたもの：そのフレームは inspiration/<account>/<code>/ にあります（hook.jpg、sheet_NN.jpg）。彼が渡したすべての画像を調べ（読んで）、それぞれから何を得たかを一文で伝えてください。あなたが見つけたり提案した画像：styles/<id>/refs/ にダウンロードし、チャットに表示してください（![…](/workspace-files/styles/<id>/refs/x.jpg)）。決して説明だけにしないでください。
3. 色：3～6色。それぞれが動画内で何を意味するか（背景、インク、重要なものを示すアクセントなど）。彼が何も指定しない場合は、参考資料からパレットを提案し、16進数カラーコードを添えてください。
4. フォント：タイトル用に1つ、本文またはラベル用に1つ、最大3つまで。Google Fonts から選んでください。彼が考えていない場合は提案してください。
5. モーション：要素がどのように現れ、動くか（線を一本ずつ描く、手で落とす、スライドイン、カットなど）、ペース、そしてアクションの変化。
6. 画像：実際の写真（どのように処理するか：切り抜き、ハーフトーン、デュオトーンなど）、コードで描かれたイラスト、アイコン、またはなし。
7. 避けるべきこと：ルックを壊すもの。

その後、スタイル全体を1つのコンパクトなサマリー（各項目1行：名前、意味付きパレット、フォント、ルック、モーション、画像、避けるべきこと）で表示し、記述前に彼の承認を求めてください。

2. 記述する

• id：名前を小文字でハイフン区切り、アクセントなし（例：cuaderno-apuntes）。既存のものと重複しないこと。
• styles/<id>/style.json、彼の言語で記述（テキストはすべてスタジオに表示されます）：

{
  "name": "Cuaderno de apuntes",
  "summary": "1～2文：どのような見た目で、何に使うか。",
  "skill": null,
  "template": null,
  "cutouts": false,
  "palette": [{"name": "Hoja", "hex": "#FAF8F2", "meaning": "背景"}],
  "fonts": [{"family": "Caveat 700", "css": "Caveat, cursive", "weight": 700, "google": "Caveat:wght@700", "use": "タイトル", "sample": "¿Y si se cae?"}],
  "look": ["フレームの作り方、1項目ずつ。"],
  "motion": ["要素の動き方。"],
  "sources": ["画像の出典とその処理方法。"],
  "avoid": ["ルックを壊すものとその理由。"],
  "examples": [],
  "references": ["styles/<id>/refs/ref-1.jpg"]
}

• palette の順序が重要：最初に背景、次にテキスト色、次に線（グリッド、境界線）、次にアクセント。スタジオはこれをもとにポスターやフォントサンプルを描画するため、テキスト色が2番目でないと読みづらくなる可能性があります。
• fonts[].google は Google Fonts URL でのファミリー名（Patrick+Hand、Inter:wght@800）。スタジオがそれを読み込んでサンプルを表示します。sample はそのフォントを使った短いテキストで、その動画の種類に合ったものにします。
• cutouts：tools/cutout.py を使って写真の切り抜きを行う場合のみ true に設定します。
• references と examples はワークスペースからの相対パスです。examples はこのスタイルで作成された動画の承認済みフレームです。1つもない場合は空のままにします。例がない場合、スタジオはパレットとフォントからポスターを描画します。
• "default": true は決して設定しないでください（デフォルトスタイルの変更は彼だけが行います）。
• JSON をバリデーションします（python3 -m json.tool styles/<id>/style.json）。「Estilos」ページに自動的に表示されます。

skill と template は null のままにします。このスタイルの動画は、デフォルトスタイルのテンプレートをベースに、ルックを style.json に変更して構築されます（スタジオは「Sin plantilla」と表示します）。最初の動画が完成して彼が満足したら、styles/<id>/SKILL.md（構築方法：コンポーネント、画像の処理方法、サウンド）と、その動画から専用テンプレートを作成し、最良のフレームを examples に追加することを提案してください。

3. 終了

2行で：スタイルが「Estilos」に追加されたこと（#/estilos/<id>）、そして新しい動画で試してみることを提案してください。