How to Make Slides with Cursor

1. Use the presentation skill in Cursor

This repo includes a skill file that teaches the AI how to create polished HTML slide decks. Use it so your presentation follows the same structure and looks great.

Where is the skill?

Path in the repo: .cursor/skills/make-presentations/make-presentations.mdc

How to use the skill in Cursor

Open this project in Cursor (the SlideWithCursor repo).
In the Cursor chat, type @ and choose make-presentations (or type @make-presentations) so the AI follows the skill.
Then ask in plain language, for example:
- “Create a presentation about [your topic]”
- “Make a slide deck for my talk on [topic]”
- “Add a new presentation folder and index.html for [topic]”
The AI will use the skill to generate a single-file HTML deck (e.g. my-topic/index.html) with slides, navigation, and styling.

Tip: You can also say: “Using the make-presentations skill, create a deck about [your topic]” or “Add a new presentation for my talk.” If the skill is referenced (e.g. with @), Cursor will apply its rules for layout, animations, and structure.

2. Push your changes to the main branch

Before pushing, always pull first so you don’t overwrite others’ work and avoid merge conflicts.

Step-by-step commands

Step 1 — Open the project folder in a terminal

cd /path/to/SlideWithCursor # Use your actual path, e.g. ~/SlideWithCursor

Step 2 — Pull the latest changes from main

git pull origin main

If you see “Already up to date,” you’re good. If there are updates, they’ll be merged into your local copy.

Step 3 — Stage your changes

git add . # Or add specific files: git add my-topic/ index.html

Step 4 — Commit with a message

git commit -m "Add my presentation"

Step 5 — Push to main

git push origin main

If you use a fork or your own repo, make sure origin points to your repo. You can set it with:

git remote set-url origin https://github.com/YOUR_USERNAME/SlideWithCursor.git

3. Access your live presentation

When the site is hosted on GitHub Pages, every push to main updates the live site. Your presentation is available at a stable URL.

Live link format

How to get your link

Open the home page link above and click your presentation from the list, or
Use the direct link: https://<username>.github.io/SlideWithCursor/<your-folder>/

Note: GitHub Pages may take 1–2 minutes to update after a push. If you don’t see your changes, wait a bit and refresh.

Quick recap

In Cursor chat, use @make-presentations and ask for a slide deck (e.g. “Create a presentation about [topic]”).
Before pushing: pull then push to main.
Commands: git pull origin main → git add . → git commit -m "..." → git push origin main.
Live link: https://<username>.github.io/SlideWithCursor/ for the list, or add <folder-name>/ for a specific presentation.