Quarkdownスライド作成プロンプト V1

想定用途

• Quarkdownを使用してプレゼンテーションスライドを作成する
• リリースノートや技術文書から魅力的なスライドを生成する
• アニメーション効果やレイアウト制御を活用する

プロンプト本文

# Quarkdownスライド作成プロンプト

## 📋 基本指示

以下のリリースノート/技術文書から、Quarkdownを使用してプロフェッショナルなプレゼンテーションスライドを作成してください。

[ここにリリースノートや技術文書の内容を挿入]

## 🎯 要求仕様

### 📄 基本設定
- **文書タイプ**: スライド形式
- **テーマ**: `darko` with `minimal` レイアウト
- **言語**: 日本語
- **自動改ページ**: 最大深度2レベル

### 📱 フッター設定
- 作者名表示
- 文書名を太字で表示
- GitHub/リポジトリリンク

## 🛠️ 使用すべきQuarkdown機能

### ✅ 推奨機能（積極的に使用）

#### 1. **アニメーション効果**
```markdown
.fragment
    内容がアニメーションで表示される

2. ボックス強調

.box
    重要な情報をボックスで囲む

3. レイアウト制御

.row alignment:{spaceevenly} gap:{2cm}
    複数カラムの横並び

.column gap:{12px}
    縦方向の要素配置

4. テキスト装飾

.text {文字列} size:{large} weight:{bold}

5. コンテナ制御

.container alignment:{center} padding:{16px 0}
    中央揃えとパディング調整

6. 空白制御

.whitespace
    適切な空白スペース

7. カスタム関数（シンプルなもののみ）

.function {servicebox}
    name port desc:
    .fragment
        .box
            .text {**.name**} size:{large} weight:{bold}
            .text {ポート: .port} size:{small}
            .desc

❌ 使用禁止機能（エラーの原因）

1. container関数での色指定

❌ .container background:{#color} color:{white} border:{1px solid #color}
✅ .container padding:{8px 16px}

2. text関数での色指定

❌ .text {文字} color:{#666}
✅ .text {文字} size:{large} weight:{bold}

3. 無効なサイズ値

❌ size:{x-large}
✅ size:{huge}

4. 複雑なカスタム関数

❌ 引数の多い複雑な関数定義
✅ シンプルな構造の関数のみ

📐 スライド構成テンプレート

1. タイトルスライド

# 🚀 [プロジェクト名] [バージョン]

.column alignment:{center}
    .fragment
        .text {**[サブタイトル]**} size:{huge} weight:{bold}

    .fragment
        .text {[日付]} size:{large}

    .fragment
        .row alignment:{center} gap:{3cm}
            .box
                **[特徴1]**
            .box
                **[特徴2]**
            .box
                **[特徴3]**

2. 概要スライド

# 🎉 概要

.fragment
    [プロジェクトの説明文]

.fragment
    .box
        [重要なポイント]

.fragment
    .container alignment:{center} padding:{20px 0}
        .box
            .text {🌟 [主要な価値提案]} weight:{bold}

3. 機能紹介スライド

# ✨ 主要な新機能

## 🏗️ [カテゴリ名]

.servicebox {[機能名]} port:{[ポート]} desc:{[詳細説明]}

## 🎮 [特別機能] - 🌟 **注目機能**

.fragment
    .container alignment:{center} padding:{16px 0}
        .text {**[機能の説明]**} size:{large} weight:{bold}

.fragment
    .column gap:{8px}
        .box
            **[特徴1]**の説明
        .box
            **[特徴2]**の説明

4. まとめスライド

# まとめ

.fragment
    .container alignment:{center} padding:{20px 0}
        .text {**[重要なメッセージ]**} size:{huge} weight:{bold}

.fragment
    .box
        [締めくくりの文章]

.fragment
    .container alignment:{center} padding:{24px 0}
        .box
            .text {**⭐ [行動促進メッセージ]**} weight:{bold} size:{large}

🎨 視覚的改善のコツ

1. 段階的情報公開

• ほぼ全ての要素に .fragment を使用
• 情報の重要度順に表示

2. 視覚的階層

• 重要な情報は .box で囲む
• サイズ（tiny, small, normal, medium, large, huge）を活用
• 太さ（weight:{bold}）で重要度を表現

3. レイアウトの工夫

• 関連情報は .row または .column でグループ化
• gap パラメータで適切な間隔を確保
• alignment で整列を統一

⚠️ 注意事項

1. エラー回避: 色指定やサイズ値は検証済みのもののみ使用
2. 可読性重視: 情報を詰め込みすぎず、適切な空白を確保
3. 一貫性: 同種の情報は同じスタイルで統一
4. アニメーション: .fragment を効果的に使用してストーリー性を演出

## 使い方

1. リリースノートまたは技術文書の内容を用意する
2. プロンプトの `[ここにリリースノートや技術文書の内容を挿入]` 部分に内容を貼り付ける
3. Quarkdownでスライドを生成する

## 入力例

```text
プロジェクト: MysticLibrary v1.0
リリース日: 2026-02-23

主要機能:
- プロンプトカタログの自動生成
- 日本語と英語のバイリンガル対応
- VitePressベースのドキュメントサイト

出力例

.docname {MysticLibrary}
.docauthor {Sunwood AI Labs}
.doctype {slides}
.doclang {Japanese}
.theme {darko} layout:{minimal}
.autopagebreak maxdepth:{2}

.footer
    .docauthor
    **.docname**
    [GitHub](https://github.com/Sunwood-ai-labs/MysticLibrary)

# 🚀 MysticLibrary v1.0

.column alignment:{center}
    .fragment
        .text {**プロンプトカタログシステム**} size:{huge} weight:{bold}

    .fragment
        .text {2026-02-23} size:{large}

    .fragment
        .row alignment:{center} gap:{3cm}
            .box
                **カタログ管理**
            .box
                **バイリンガル対応**
            .box
                **自動生成**

注意点

• 色指定（color:{#xxx}）はエラーの原因になるため使用しない
• サイズ値は tiny, small, normal, medium, large, huge のみ使用
• 複雑なカスタム関数は避け、シンプルな構造にする
• .fragment を効果的に使用してプレゼンテーションに動きを付ける