Basic Usage
Learn the basics of creating presentations with AutoSlideIdea.
1. Creating a New Presentation
Using the SlideFlow Command (Recommended)
# 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

<!-- Size specification -->

<!-- Center alignment -->

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

</div>
</div>
Emphasis and Styling
**Bold** for emphasis
*Italic* for expression
~~Strikethrough~~
> Quote
> Multi-line quote
Next Steps
- Markdown Syntax - Detailed Markdown usage
- Using Themes - Design customization
- Mermaid Diagrams - Creating flowcharts