web-ppt

Generate web-based presentations from markdown scripts with ECharts visualizations.

2|Updated Feb 12, 2026

Search Tags:#markdown #data visualization #AI generation #presentation #slides #web ppt

Ready to run

npx skills add https://github.com/flowKKo/presenta --skill web-ppt

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-ppt
Source: https://github.com/flowKKo/presenta/tree/main/.claude/skills/web-ppt
Command: npx skills add https://github.com/flowKKo/presenta --skill web-ppt

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the creation of web-based presentations from simple markdown scripts, leveraging AI to design visually appealing slides with various data visualizations and layouts.

Core Features & Use Cases

AI-Powered Generation: Automatically create complete slide decks from text-based scripts.
Diverse Slide Types: Supports 16 standalone slide types (title, charts, grids, sequences, etc.) and a flexible block-slide composition for custom layouts.
Data Visualization: Integrates ECharts for 20 different chart types and various diagram engines.
Customizable Styles: Apply pre-defined styles like 'swiss' for a consistent aesthetic.
Use Case: Provide a script outlining your quarterly business review, and the Skill will generate a professional presentation with charts and key insights, ready for delivery.

Quick Start

Generate a presentation in Chinese using the swiss style from the 'slides.md' script file.

Frequently Asked Questions about web-ppt

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

FAQPage Schema

How do I generate web presentations from markdown scripts?▼

You can generate web presentations by providing markdown scripts to the AI, which parses the text and automatically composes slides with customizable styles and data visualizations. The tool handles script parsing and slide composition to create a ready-to-deliver deck.

Can I create ECharts data visualizations in AI-generated slides?▼

Yes, AI-generated slides support ECharts data visualizations, offering 20 different chart types and various diagram engines. The system extracts data from your source documents to populate these visualizations directly within the presentation.

What slide types are supported when building presentations from markdown?▼

Building presentations from markdown supports 16 standalone slide types including title, charts, grids, and sequences. It also features a flexible block-slide composition system for designing custom free-layout blocks.

Do I need any external dependencies or frameworks to use this presentation generator?▼

No external dependencies or frameworks are required to use this presentation generator. It operates independently to parse markdown scripts, extract source data, and compose web-based slides without needing additional packages.

What is the best way to apply consistent visual styles to AI-generated slides?▼

The best way to apply consistent visual styles to AI-generated slides is by using pre-defined style templates like 'swiss'. You specify the desired style in your markdown script, and the generator applies that aesthetic across the entire presentation.

How does AI extract data from source documents for slide composition?▼

AI extracts data from source documents during script parsing by identifying relevant information and mapping it to appropriate slide types and ECharts visualizations. This automated data extraction populates charts and key insights directly into the composed slides.