dokie-ai-ppt
988 instalações · myzy-ai/dokie-ai-ppt
Open source Repository Open in the app JSON README (API)
About
Skill publicada por myzy-ai/dokie-ai-ppt, com 988 instalações medidas pelo skills.sh. Instale com: npx skills add myzy-ai/dokie-ai-ppt@dokie-ai-ppt
Details
- Kind
- Agent skills
- Topic
- No topic detected
- Publisher
- myzy-ai
- Origin
- skillssh
- Category
- ferramentas
- Stars
- 70
- Forks
- 7
- Last push
- 2026-03-03T02:39:01Z
- Repository state
- ativo
- Language
- HTML
- Added
- 2026-08-30 15:22:51
- Updated
- 2026-09-01 17:02:41
- Origin id
myzy-ai/dokie-ai-ppt/dokie-ai-ppt
README
<p align="right">
<a href="README_CN.md">中文</a> | English
</p>
<p align="center">
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/Logo%20Mark%20Cricle.png" alt="Dokie" width="100" />
</p>
<h1 align="center">Dokie AI PPT Skill</h1>
<p align="center">
Talk to your AI agent, get professional HTML slides.<br/>
Built by <a href="https://dokie.ai">dokie.ai</a>
</p>
<p align="center">
The most powerful AI presentation skill available today. Not just static slides — fully interactive HTML presentations with entrance animations, page transitions, clickable elements, live charts, and even 3D models. Built on web technologies (Tailwind CSS, Chart.js, GSAP, Font Awesome), far beyond what traditional PPT tools can deliver.
</p>
<p align="center">
<a href="#quick-start">Quick Start</a> · <a href="#features">Features</a> · <a href="#see-it-in-action">See It in Action</a> · <a href="#go-further-with-dokie">Go Further with Dokie</a>
</p>
<p align="center">
Works with Claude Code, Cursor, Codex, and 35+ AI agents — any agent that supports the open skills ecosystem.
</p>
---
## Quick Start
**Install the skill:**
```bash
npx skills add MYZY-AI/dokie-ai-ppt
```
**Ask your agent to create a presentation:**
```
"Make a quarterly report presentation"
"Create a pitch deck for my startup"
"Build a product launch presentation with creative animations"
```
The skill walks you through each step — collect requirements, pick a theme, review the outline, generate slides, and preview. You stay in control at every step.
<details>
<summary>Specify an agent</summary>
```bash
npx skills add MYZY-AI/dokie-ai-ppt -a claude-code
npx skills add MYZY-AI/dokie-ai-ppt -a cursor
```
</details>
<details>
<summary>Prerequisites</summary>
```bash
npx dokie-cli themes # Verify Dokie CLI is available
```
</details>
---
## Features
### 25+ Themes
From business to medical, tech to creative — choose a built-in theme or customize colors, fonts, and decorations to match your brand. Every theme comes with a complete style system including typography, color palette, backgrounds, and decorative elements.
<p align="center">
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/dokietheme.png" width="260" />
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/market.png" width="260" />
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/medi.png" width="260" />
</p>
<p align="center">
<em>Left: Dokie brand theme · Center: Market analysis theme · Right: Medical professional theme</em>
</p>
<p align="center">
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/qinghua.png" width="260" />
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/trends.png" width="260" />
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/yellow.png" width="260" />
</p>
<p align="center">
<em>Left: Chinese porcelain style · Center: Trends & data theme · Right: Warm creative theme</em>
</p>
### 10+ Chart Types
Bar, line, pie, radar, bubble, pyramid, funnel, timeline, flowchart, quadrant — all rendered live in HTML with Chart.js. No static images, no screenshots — real interactive charts embedded directly in your slides. Data updates? Just change the numbers and refresh.
<p align="center">
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/005.png" width="260" />
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/006.png" width="260" />
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/007.png" width="260" />
</p>
<p align="center">
<em>Bar · Line · Doughnut | Radar · Bubble | Funnel · Pyramid</em>
</p>
<p align="center">
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/008.png" width="260" />
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/009.png" width="260" />
</p>
<p align="center">
<em>Timeline · Quadrant | Flowchart · Cycle Diagram</em>
</p>
### Animations & Interactions
This isn't your typical "fade-in" presentation tool. Every slide is a real web page, which means you get the full power of web animations and interactions:
- **Entrance animations** — Elements fly in, fade up, scale, rotate, blur — each with precise timing and easing curves
- **Page transitions** — Smooth slide-to-slide transitions with cinematic flow
- **Interactive elements** — Clickable tabs, hover effects, expandable sections — your audience can explore, not just watch
- **Scroll-triggered effects** — Content reveals as you scroll, creating a storytelling rhythm
- **Parallax & layered motion** — Depth and dimension that flat slides can't achieve
- **3D models & advanced visuals** — Embed 3D objects, particle effects, and more — the browser is your canvas
Choose from 3 intensity levels:
- **Minimal** — Subtle fade and slide. Clean and professional, perfect for corporate settings where content speaks for itself.
- **Balanced** — Moderate motion with staggered timing. Adds visual rhythm without distraction. Great for product demos and team meetings.
- **Creative** — Full cinematic experience. Scroll-triggered reveals, parallax layers, dynamic transitions. Built for keynotes and pitches that need to impress. Awwwards-level motion design.
<p align="center">
<a href="https://www.dokie.ai/presentation/share/azVPjJDBaPgM">
<img src="https://github.com/user-attachments/assets/85a9a3a3-5054-48b4-826f-209e3456e0f9" width="680" />
</a>
</p>
<p align="center">
<em>Creative animation style — cinematic entrance effects with layered transitions. <a href="https://www.dokie.ai/presentation/share/azVPjJDBaPgM">Click to view live demo →</a></em>
</p>
### Auto Quality Check
After generation, the skill automatically reviews every slide for:
- **Content overflow** — text or elements bleeding outside the slide boundaries
- **Chart rendering** — ensuring all data visualizations display correctly
- **Theme consistency** — verifying fonts, colors, and spacing match the selected theme
Issues are fixed before you even notice them. You get polished results from the first preview.
---
## See It in Action
Generated slides are previewed instantly. The preview server gives you two links — a local one for yourself and a public one you can share with anyone:
```
✓ Server running:
➜ Local: http://localhost:3456
➜ Public: https://your-presentation.trycloudflare.com
```
Send the public link to anyone for a quick preview — no install needed. For a permanent shareable link, open your presentation in [dokie.ai](https://dokie.ai) to get a stable URL that won't expire.
<p align="center">
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/preview.jpg" width="680" />
</p>
<p align="center">
<em>Built-in preview — browse all slides, check layouts, share with your team via public link</em>
</p>
---
## Go Further with Dokie
Want more control? Every presentation you generate can be opened in [dokie.ai](https://dokie.ai) for free. Inside the Dokie editor, you can:
- Fine-tune layouts, text, and visual details with a drag-and-drop editor
- Adjust styles, colors, and fonts at a granular level
- Export to **PDF**, **PPTX**, **images**, and more
From AI generation to pixel-perfect polish — all in one workflow.
<p align="center">
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/edit.png" width="330" />
<img src="https://skill-1317512395.cos.ap-singapore.myqcloud.com/editdaochu.png" width="330" />
</p>
<p align="center">
<em>Left: Fine-tune every detail in the Dokie editor · Right: Export to PDF, PPTX and more</em>
</p>
---
<p align="center">
<a href="https://dokie.ai">dokie.ai</a> · MIT License
</p>