Dokie Ai Ppt

作者 MYZY-AI3e7010c865d07049480eb34d680db31722af75c9無授權條款收錄於 2026年10月9日更新於 2026年10月9日

AI presentation generator. Create professional HTML slides through conversation. Triggers: create/edit PPT, presentation, slides, deck, keynote, pitch deck, quarterly report, product intro, training materials, roadshow, work report. Core: requirement analysis, outline generation, theme selection, HTML slide generation, local preview.

AI 產生的概覽

透過與使用者逐步對話,產生專業的 HTML 簡報投影片。

功能
此技能以互動式流程進行:蒐集需求、選擇主題、產生大綱、製作 HTML 投影片並在本機預覽。輸出為一個專案資料夾,內含依序編號的 HTML 投影片檔案(slide_01.html、slide_02.html 等),解析度為 1280x720,使用 Chart.js、Font Awesome 與 GSAP 動畫。它也支援以最小變更修改現有專案,並保留原有版面配置。
適用情境
適用於建立或編輯簡報、投影片、主題演講、募資簡報、季度報告、產品介紹、訓練教材或工作報告。適合想使用 HTML 投影片,並需要主題與動畫選項的使用者。
執行需求
需要 dokie-cli 命令列工具,透過 npx 呼叫(例如 npx dokie-cli themes),用於列出主題、取得主題詳細資料與本機預覽。此技能本身不附帶指令碼,僅為指示文件,另含內建主題資源與規則檔案。產生的投影片依賴 Chart.js 4.5、Font Awesome 6.5 與 GSAP,圖片只能來自使用者上傳或工具取得的來源。

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

bash
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 [blocked] for details.

Core Specifications

ItemSpecification
Resolution1280 × 720
ChartsChart.js 4.5
IconsFont Awesome 6.5
AnimationGSAP (CSS animation prohibited)
ProhibitedEmoji, fabricated image URLs

Rule Index

Process & Format

FileContentWhen to Reference
workflow.md [blocked]Full workflow, grouping rules, theme switchingBefore starting a task
outline.md [blocked]Outline format (Content + Design)When generating outline
modify-scenarios.md [blocked]Modification scenarios (insert, delete, split, merge, restyle, etc.)When modifying a project
quality-check.md [blocked]Post-generation quality checklistAfter generation, before preview

Theme & Generation

FileContentWhen to Reference
theme.md [blocked]Theme structure, style extraction, generation stepsMust read before generating HTML
theme-list.md [blocked]Full theme list (local + online)When selecting a theme
theme-customize.md [blocked]Change colors, fonts, custom themesWhen user requests customization
slide-html.md [blocked]HTML specs, icons, image rulesWhen generating HTML

Charts

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

Animation

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

FileStyleUse Case
animation/minimal.md [blocked]MinimalFormal business, investor presentations
animation/balanced.md [blocked]BalancedGeneral purpose, internal training
animation/creative.md [blocked]CreativeProduct launches, creative showcases

CLI Commands

bash
npx dokie-cli themes                      # List all themesnpx dokie-cli themes --json               # JSON format outputnpx dokie-cli theme <name|id>             # Get theme details (with HTML templates)npx dokie-cli theme "Dokie Vibe" --json   # JSON format outputnpx 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

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

來源與署名

來源:MYZY-AI/dokie-ai-ppt提交3e7010c

授權條款: 無授權條款

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架