tech-slide

Generate structured educational presentation slides with Slidev predefined layouts.

Updated Feb 5, 2026

Search Tags:#design #education #markdown #technical writing #presentation #slidev

Ready to run

npx skills add https://github.com/hsiangjenli/skills --skill tech-slide

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: tech-slide
Source: https://github.com/hsiangjenli/skills/tree/main/.agents/skills/tech-slide
Command: npx skills add https://github.com/hsiangjenli/skills --skill tech-slide

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and assets (resource) components.

What problem does it solve?

This skill helps users create structured, educational, and visually consistent technical presentations using Slidev, ensuring a professional and engaging delivery of complex information.

Core Features & Use Cases

Structured Layouts: Provides predefined templates for covers, tables of contents, section dividers, content slides, and key takeaways.
Consistent Design: Enforces a single primary color scheme and design principles for a cohesive look.
Use Case: You need to create a presentation for a workshop on a new software library. Use this skill to quickly generate slides with a clear structure, code examples, and key learning points.

Quick Start

Use the tech-slide skill to create a new presentation based on the basic-tech-slide.md template.

Frequently Asked Questions about tech-slide

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create a structured technical presentation using Slidev?▼

Generate structured technical presentation slides with Slidev by applying predefined layouts and design principles for covers, tables of contents, section dividers, content, and key takeaways.

What is the best way to build educational slides for a software workshop?▼

Build educational workshop slides by applying predefined structural patterns that enforce a single primary color scheme, integrating code examples and key learning points for a cohesive visual design.

Does this approach support markdown for technical writing presentations?▼

Markdown is supported for technical writing presentations by generating structured Slidev layouts that translate educational text into visually consistent, professionally designed slides.

Can I use these layouts for conference talks and tutorials?▼

These predefined layouts apply to creating conference talks and tutorials, utilizing specific slide patterns to ensure professional and engaging delivery of complex technical information.

Do I need to follow specific design principles for my Slidev slides?▼

Following specific design principles is required, enforcing a single primary color scheme and predefined structural patterns to maintain a cohesive look across all generated technical slides.