dokie-ai-ppt

Name: dokie-ai-ppt
Author: myzy-ai

github.com/myzy-aiDocuments70984 installsUpdated 34w ago

About dokie-ai-ppt

Dokie AI PPT Skill guides assistants through creating and revising presentations and HTML showcase content. Its staged workflow covers requirement gathering, theme selection, outlines, HTML generation, and preview.

Key features

01Interactive, step-by-step workflow
02Theme listing and inspection via CLI
03HTML slide generation
04Chart and animation guidance
05Local project preview

Use cases

01Create a presentation from confirmed requirements
02Build HTML showcase content
03Revise slides while preserving layout
04Preview generated slide projects

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/myzy-ai/dokie-ai-ppt --skill dokie-ai-ppt

After installing, type/dokie-ai-pptin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

README_CN.md

README.md

assets/themes/art-education/

page_05.html

page_02.html

page_03.html

page_01.html

page_04.html

meta.json

page_06.html

page_07.html

page_09.html

page_08.html

page_10.html

assets/themes/dokie-vibe/

meta.json

page_01.html

page_04.html

page_03.html

page_02.html

page_05.html

page_06.html

page_12.html

page_09.html

page_13.html

page_10.html

page_07.html

page_15.html

page_14.html

page_11.html

page_08.html

assets/themes/simple-blue-business/

meta.json

Details

From the project README

Dokie AI PPT Skill

This is Dokie AI PPT Skill — a professional presentation design skill. Use it whenever you need to generate a PPT, create a presentation, or build any showcase content with HTML.

Built on web technologies, supporting everything from minimal business style to Awwwards-level creative motion — far beyond what traditional PPT can deliver.

Prerequisites

npx dokie-cli themes    # Verify CLI is available

Workflow

⚠️ IMPORTANT: This is an interactive, step-by-step workflow. At each step, you MUST read the referenced rule files before doing the work. Present your result to the user and wait for their response before moving to the next step. Do NOT rush through multiple steps in one response.

New Project

Collect requirements → User confirms → Select theme → User confirms → Generate outline → User confirms → Generate HTML → Preview → User feedback

Modify Project

Understand intent → Minimal changes → Preserve original layout

See rules/workflow.md for details.

Core Specifications

Item	Specification
Resolution	1280 × 720
Charts	Chart.js 4.5
Icons	Font Awesome 6.5
Animation	GSAP (CSS animation prohibited)
Prohibited	Emoji, fabricated image URLs

Rule Index

Process & Format

File	Content	When to Reference
workflow.md	Full workflow, grouping rules, theme switching	Before starting a task
outline.md	Outline format (Content + Design)	When generating outline
modify-scenarios.md	Modification scenarios (insert, delete, split, merge, restyle, etc.)	When modifying a project
quality-check.md	Post-generation quality checklist	After generation, before preview

Theme & Generation

File	Content	When to Reference
theme.md	Theme structure, style extraction, generation steps	Must read before generating HTML
theme-list.md	Full theme list (local + online)	When selecting a theme
theme-customize.md	Change colors, fonts, custom themes	When user requests customization
slide-html.md	HTML specs, icons, image rules	When generating HTML

Charts

File	Content
charts/chartjs.md	Statistical charts (bar, line, pie, radar, bubble)
charts/pyramid.md	Pyramid chart (HTML + CSS clip-path)
charts/funnel.md	Funnel chart (HTML + CSS clip-path)
charts/timeline.md	Timeline (HTML + CSS Flex/Grid)
charts/flowchart.md	Flowchart + cycle diagram (HTML/AntV/Mermaid)
charts/quadrant.md	Quadrant / SWOT (HTML + CSS Grid)

Animation

Choose style based on scenario. Default is "Balanced":

File	Style	Use Case
animation/minimal.md	Minimal	Formal business, investor presentations
animation/balanced.md	Balanced	General purpose, internal training
animation/creative.md	Creative	Product launches, creative showcases

CLI Commands

npx dokie-cli themes                      # List all themes
npx dokie-cli themes --json               # JSON format output
npx dokie-cli theme <name|id>             # Get theme details (with HTML templates)
npx dokie-cli theme "Dokie Vibe" --json   # JSON format output
npx dokie-cli preview ./my-project/       # Local preview

Output Format

my-project/
├── slide_01.html
├── slide_02.html
├── slide_03.html
└── ...

File naming: slide_01.html, slide_02.html ... numbered sequentially.

Key Constraints

Strictly follow the outline — do not modify, expand, or abbreviate
Theme consistency — colors, fonts, styles must strictly follow the theme
Content density — one topic per slide, split if too much
Image sources — only use user-uploaded or tool-fetched images
Data integrity — never fabricate chart data

Comments

Markdown supported

Details

Author: myzy-ai
Repository: myzy-ai/dokie-ai-ppt
Category: Documents
Installs: 984
GitHub stars: 70

Report

More skills

All skills

handoff

github.com/mattpocock

1.1M

Compact the current conversation into a handoff document for another agent to pick up

lark-doc

open.feishu.cn

823.9k

Operate on Feishu cloud documents (Docx / Wiki): read, create, and edit documents; insert or download image attachments; and work with mind notes. Use when the user provides a document URL/token (including /docx/ or /wiki/ on doubao.com); route by URL path/token rather than domain. `/page/<token>` is a Miaoda app, not a Feishu cloud document. Route embedded document resources according to the unified rules in the reading reference. Use lark-drive for standalone comment operations; use docs +fetch to read comments alongside the main text. Operations on spreadsheet or Base internal data are outside this skill.

lark-drive

open.feishu.cn

823.2k

Feishu cloud storage (Drive): manage Drive files and folders, including uploads/downloads, folder creation, copying/moving/deleting, viewing metadata, checking permission settings, comments/permissions/subscriptions, titles, versions, Feishu document security labels (secure labels), and local file imports. Use when users need to organize Drive folders, handle cloud storage resource URLs/tokens, identify link types/actual tokens/titles, or import Word/Markdown/Excel/CSV/PPTX/.base as docx/sheet/bitable/slides. Route doubao.com cloud storage URLs/tokens by resource path and token too; do not fall back to WebFetch. Not responsible for: editing document content (use lark-doc), spreadsheet/Base table data operations (use lark-sheets/lark-base), knowledge space node/member management (use lark-wiki), or native Markdown file read/write/patch/diff (use lark-markdown).

lark-sheets

open.feishu.cn

821.8k

Feishu Spreadsheets: create and operate spreadsheets. Supports worksheets and row/column structures (add/delete/merge/size/hide/freeze/group), cell read/write (values/formulas/styles/comments/cell images), range copy/move/sort/fill, find and replace, bulk updates, and creating and maintaining objects such as charts, pivot tables, conditional formatting, filters and filter views, dropdown lists, sparklines, and floating images. Also supports formula validation, restoring historical versions, and importing/exporting local Excel/CSV files and Feishu spreadsheets. Use when users need to create or edit spreadsheets, summarize and visualize data, format spreadsheets, calculate formulas (including migrating Excel formulas), or build financial models (DCF, three statements, budgets, Sensitivity, etc.). For multidimensional tables (Base/bitable), use lark-base. If users want to search for spreadsheet files in cloud storage (Drive/cloud storage) by name or keyword, use lark-drive's drive +search to locate resources first. When users provide a doubao.com /sheets/ URL/token, use this skill directly; do not fall back to WebFetch because the domain is not Feishu. Routing is based on the URL path pattern and token, not the domain.