SKILL.md
slide-style
まず example.md を読み、40種類のレイアウトパターンから最適なものを選んで適用する。
独自レイアウトを作成せず、example.mdのパターンを使うことでデザインの一貫性を維持する。
参照ファイル
| ファイル | 内容 |
|---|---|
example.md |
40種類のレイアウトパターン |
docs/style-guide.md |
カラー、タイポグラフィの詳細 |
パターンカテゴリ
- A. タイトル・セクション系（5種）: タイトル、セクション開始/終了、目次、クロージング
- B. カラムレイアウト系（8種）: 2〜5カラム、グリッドレイアウト
- C. 縦並びリスト系（4種）: ステップ、タイムライン、アイコン付き、チェックリスト
- D. パネルデザイン系（5種）: 基本、強調、ガラス風、グラデーション、引用
- E. 背景・画像系（4種）: 全画面、画像配置、背景画像
- F. 強調・特殊系（3種）: 統計、中央配置、Q&A
- G. 応用パターン（10種）: QRコード、比較表、フロー図など
デザインルール
カラーパレット
プライマリグラデーション: linear-gradient(to right, #1B4565, #3E9BA4)
グレースケール: gray-50, gray-100, gray-600, gray-700, gray-800文体ルール
- コロン（：）を使用しない → スペースで区切る
- 感嘆符（！）や疑問符（？）を避ける
- 装飾的な絵文字を避ける
- 1スライドあたりアクセントカラーは1-2色まで
使い方
/slide-style をつかってスライド15-20のスタイルを整えて処理手順
- 対象スライドを読み込む
example.mdから適切なパターンを選択docs/style-guide.mdのルールに従ってデザインを統一- 文体ルールを適用