slide-design-skill

スライドデザインスキル

プレゼンテーションデザインエンジンです。ブリーフ（デッキの内容と、どのように見せるかを任意の形式で — いくつかの単語、「stripe.com のような感じ」、ブランドの URL、ムードボードなど）を渡すと、そのデッキ専用のビジュアルスタイルを導き出し、スライドの並びを計画し、ホスト LLM に固定のスライドテンプレートを埋めさせ、実際のデータビジュアライゼーション、表、画像を備えた決定論的な 1920×1080 の HTML スライドをレンダリングします。

スタイルは選択されるのではなく、発見されます。 テーマメニューも、選ぶためのプリセットもありません。すべてのデッキが、ブリーフから生成された独自のトークン、スライドテンプレート、見た目を持ちます。

AI 画像はオプションです。 ヒーロー画像と背景画像は fal.ai を通じて生成されます — FAL_KEY を設定すると有効になり、デッキ全体を通して一貫した、ブランドに沿ったビジュアルを生成します（よくある AI 画像の失敗も回避します）。キーがなくてもスキルは端から端まで動作します。単に AI 画像なしでデッキをレンダリングするだけです。インストールや実行にキーは必要ありません。

使用する場面

ユーザーがプレゼンテーションの作成、デザイン、改善を望むときに使用します。ピッチや投資家向けデッキ、営業や戦略のデッキ、基調講演、トレーニングや教育のデッキ、データやレポートのデッキ、あるいは一般的に「スライド / PowerPoint / デッキを作ってほしい」という要望で、かつデザインされた見た目やブランドへの沿和を重視する場合です。

使用方法

1. npm install
2. ブリーフを取得します。トピックと内容、および見た目に関するあらゆる手がかり（自由記述、「 のスタイルで」、ブランドの URL、参考画像）。スタイルの手がかりがまったくない場合は、希望する見た目について短い質問を 1 つします。
3. エンジンを通じてデッキを生成してレンダリングし、レンダリングされた HTML を確認して、ユーザーのフィードバックに基づいて反復します。

パイプラインと品質ゲートについては README.md を、エンジン API については docs/INTEGRATION.md を、パッケージ形式については docs/SKILL-FORMAT.md を参照してください。

デザインルール — 読みやすい文字、空の帯の禁止、ロゴや商標の禁止、でっち上げた数値の禁止 — は、プロンプトの文言だけでなく、コードのゲートによって強制されます。