Quarkdown Slide Creation Prompt V1

Intended Use

• Create presentation slides using Quarkdown
• Generate attractive slides from release notes or technical documentation
• Utilize animation effects and layout control

Prompt

# Quarkdown Slide Creation Prompt

## 📋 Basic Instructions

Please create professional presentation slides using Quarkdown from the following release notes/technical documentation.

[Insert release notes or technical documentation content here]

## 🎯 Requirements

### 📄 Basic Settings
- **Document Type**: Slide format
- **Theme**: `darko` with `minimal` layout
- **Language**: Japanese
- **Auto Page Break**: Max depth 2 levels

### 📱 Footer Settings
- Display author name
- Display document name in bold
- GitHub/repository link

## 🛠️ Quarkdown Functions to Use

### ✅ Recommended Functions (Use Actively)

#### 1. **Animation Effects**
```markdown
.fragment
    Content is displayed with animation

2. Box Emphasis

.box
    Enclose important information in a box

3. Layout Control

.row alignment:{spaceevenly} gap:{2cm}
    Multiple columns side by side

.column gap:{12px}
    Vertical element arrangement

4. Text Decoration

.text {string} size:{large} weight:{bold}

5. Container Control

.container alignment:{center} padding:{16px 0}
    Center alignment and padding adjustment

6. Whitespace Control

.whitespace
    Appropriate whitespace

7. Custom Functions (Simple Ones Only)

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

❌ Prohibited Functions (Cause Errors)

1. Color Specification in Container Function

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

2. Color Specification in Text Function

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

3. Invalid Size Values

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

4. Complex Custom Functions

❌ Complex function definitions with many arguments
✅ Only functions with simple structure

📐 Slide Composition Template

1. Title Slide

# 🚀 [Project Name] [Version]

.column alignment:{center}
    .fragment
        .text {**[Subtitle]**} size:{huge} weight:{bold}

    .fragment
        .text {[Date]} size:{large}

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

2. Overview Slide

# 🎉 Overview

.fragment
    [Project description]

.fragment
    .box
        [Important points]

.fragment
    .container alignment:{center} padding:{20px 0}
        .box
            .text {🌟 [Main Value Proposition]} weight:{bold}

3. Feature Introduction Slide

# ✨ Major New Features

## 🏗️ [Category Name]

.servicebox {[Feature Name]} port:{[Port]} desc:{[Detailed Description]}

## 🎮 [Special Feature] - 🌟 **Featured Feature**

.fragment
    .container alignment:{center} padding:{16px 0}
        .text {**[Feature Description]**} size:{large} weight:{bold}

.fragment
    .column gap:{8px}
        .box
            **[Feature 1]** description
        .box
            **[Feature 2]** description

4. Summary Slide

# Summary

.fragment
    .container alignment:{center} padding:{20px 0}
        .text {**[Important Message]**} size:{huge} weight:{bold}

.fragment
    .box
        [Closing sentence]

.fragment
    .container alignment:{center} padding:{24px 0}
        .box
            .text {**⭐ [Call to Action Message]**} weight:{bold} size:{large}

🎨 Visual Improvement Tips

1. Progressive Information Disclosure

• Use .fragment on almost all elements
• Display information in order of importance

2. Visual Hierarchy

• Enclose important information with .box
• Utilize sizes (tiny, small, normal, medium, large, huge)
• Express importance with weight (weight:{bold})

3. Layout Innovation

• Group related information with .row or .column
• Ensure appropriate spacing with gap parameter
• Unify alignment with alignment

⚠️ Notes

1. Error Avoidance: Use only verified color specifications and size values
2. Readability Priority: Don't cram too much information, ensure appropriate whitespace
3. Consistency: Unify same type of information with same style
4. Animation: Use .fragment effectively to create storytelling

## How to Use

1. Prepare release notes or technical documentation content
2. Paste content into `[Insert release notes or technical documentation content here]` section
3. Generate slides using Quarkdown

## Input Example

```text
Project: MysticLibrary v1.0
Release Date: 2026-02-23

Major Features:
- Automated prompt catalog generation
- Bilingual Japanese/English support
- VitePress-based documentation site

Output Example

.docname {MysticLibrary}
.docauthor {Sunwood AI Labs}
.doctype {slides}
.doclang {English}
.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 {**Prompt Catalog System**} size:{huge} weight:{bold}

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

    .fragment
        .row alignment:{center} gap:{3cm}
            .box
                **Catalog Management**
            .box
                **Bilingual Support**
            .box
                **Auto Generation**

Notes

• Color specifications (color:{#xxx}) cause errors and should not be used
• Only use size values: tiny, small, normal, medium, large, huge
• Avoid complex custom functions; keep structure simple
• Use .fragment effectively to add movement to presentations