Skip to main content Link Menu Expand (external link) Document Search Copy Copied

Basic Usage

Learn the basics of creating presentations with AutoSlideIdea.

1. Creating a New Presentation

# Create new presentation
./slideflow/slideflow.sh new my-presentation

# Specify a template
./slideflow/slideflow.sh new --template business my-company-pitch

Generated File Structure

presentations/my-presentation/
├── slides.md         # Main slide file
├── assets/          # Images and other resources
└── output/          # Build output directory

2. Editing Slides

Basic Markdown Syntax

---
marp: true
theme: default
paginate: true
---

# Presentation Title

Presenter Name
July 6, 2024

---

# Section 1

- Point 1
- Point 2
- Point 3

---

# Code Example

```javascript
function greet(name) {
    return `Hello, ${name}!`;
}

### Slide Separators

- Use `---` (three hyphens) to start a new slide
- Each slide is displayed as an independent page

## 3. AI-Assisted Features

### Comprehensive AI Support

```bash
# Interactive full presentation creation
./slideflow/slideflow.sh ai

# Quick creation by type
./slideflow/slideflow.sh ai --quick tech     # Technical
./slideflow/slideflow.sh ai --quick business  # Business
./slideflow/slideflow.sh ai --quick academic  # Academic

# Phase-specific support
./slideflow/slideflow.sh ai --phase planning  # Planning
./slideflow/slideflow.sh ai --phase research  # Research
./slideflow/slideflow.sh ai --phase design    # Design
./slideflow/slideflow.sh ai --phase creation  # Creation
./slideflow/slideflow.sh ai --phase review    # Review

AI Deep Research Features

Specialized for detailed research before presentation creation:

# Initialize research environment
cd presentations/my-presentation
./slideflow/slideflow.sh ai deep-research init

# Web search (interactive mode)
./slideflow/slideflow.sh ai deep-research search "topic to research"

# Automatic search (background execution)
./slideflow/slideflow.sh ai deep-research search --auto "AI trends"

# Timeout setting (for detailed research)
./slideflow/slideflow.sh ai deep-research search -t 600 "detailed tech research"

# Document analysis
./slideflow/slideflow.sh ai deep-research analyze paper.pdf

5. Preview

Local Server Preview

# Start preview server
./slideflow/slideflow.sh preview

# Specify custom port
./slideflow/slideflow.sh preview --port 3000

Open http://localhost:8000 in your browser to view the preview

Live Reload

  • Browser automatically updates when files are edited
  • See changes instantly

5. Build and Export

Generate HTML Files

# Generate HTML files
./slideflow/slideflow.sh build

# Output location: presentations/my-presentation/output/index.html

Generate PDF Files

# Generate PDF files
npm run pdf -- presentations/my-presentation/slides.md \
  -o presentations/my-presentation/output/slides.pdf

6. Common Techniques

Inserting Images

![Description](assets/image.png)

<!-- Size specification -->
![width:500px](assets/diagram.png)

<!-- Center alignment -->
![center](assets/logo.png)

Two-Column Layout

<div style="display: flex;">
<div style="flex: 1;">

Left column content
- Point 1
- Point 2

</div>
<div style="flex: 1;">

Right column content
![](assets/chart.png)

</div>
</div>

Emphasis and Styling

**Bold** for emphasis
*Italic* for expression
~~Strikethrough~~

> Quote
> Multi-line quote

Next Steps