skills.rest
hsiangjenli
hsiangjenliCOMMUNITY
Explore all skills by this author →
GitHub

tech-slide

Generate structured educational presentation slides with Slidev predefined layouts.

Updated Feb 5, 2026
Search Tags:#design#education#markdown#technical writing#presentation#slidev
One-click install
npx skills add https://github.com/hsiangjenli/skills --skill tech-slide
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Content & Communication Skills→
shekerkammashekerkamma

presentation-content-writer

Transform raw topics and outlines into structured slide content with speaker notes.

Community
Intermediate
yulonglinyulonglin
11

slidev

Create Slidev presentations and export them to PDF from slides.md.

Community
Intermediate
DavidLam-ossDavidLam-oss
283

tutorial-cards-layout

Convert Markdown documentation into structured tutorial layouts with hero headers and code blocks.

Community
Intermediate
Pancake-QPancake-Q
1

slidev

Generate and present web-based slideshows from Markdown with Vue and Vite.

Community
Advanced