py-intro

majiayu000's avatarfrom majiayu000

Slidev presentation for teaching Python with interactive code execution.

⭐0stars🔀0forks📁View on GitHub🕐Updated Jan 5, 2026
[Coding Practice and Feedback]

When & Why to Use This Skill

This Claude skill provides a comprehensive Slidev-based framework for creating interactive Python programming presentations. By integrating live code execution capabilities directly into the slides, it transforms traditional static lectures into dynamic, hands-on learning experiences, making it an essential tool for coding instructors and technical presenters.

Use Cases

  • Live Classroom Teaching: Educators can demonstrate Python concepts and execute code in real-time without switching between a presentation and an IDE.
  • Interactive Technical Workshops: Facilitators can provide participants with a 'Zero to Hero' slide deck where they can experiment with Python snippets during the session.
  • Developer Documentation & Demos: Developers can create engaging, runnable documentation or product demos that showcase Python library features through interactive slides.
  • Self-Paced Learning Modules: Content creators can build structured Python tutorials that allow learners to verify their understanding by running code directly on the page.
namepy-intro
descriptionSlidev presentation for teaching Python with interactive code execution.

Python Zero To Hero Slides

A Slidev presentation for teaching Python fundamentals with interactive code execution.

Tech Stack

  • Framework: Slidev (Vue-based)
  • Feature: Python Runner addon for live code demos
  • Addons: slidev-addon-python-runner, slidev-addon-rabbit
  • Themes: apple-basic, bricks, penguin
  • Package Manager: pnpm
  • Output: dist directory

Setup

1. Clone the Template

git clone --depth 1 https://github.com/Eng0AI/py-intro-template.git .

If the directory is not empty:

git clone --depth 1 https://github.com/Eng0AI/py-intro-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template

2. Remove Git History (Optional)

rm -rf .git
git init

3. Install Dependencies

pnpm install

Build

pnpm build

Deploy

Vercel (Recommended)

vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

Netlify

netlify deploy --prod --dir=dist

Development

pnpm dev

Starts the Slidev server and opens the presentation in your browser. Edit slides in slides.md.

Special Features

  • Interactive Python code execution in slides
  • Multiple theme options