SN

slidefirm/nesa-slide

开发工具
79 stars 质量 59 趋势 22MIT

Give this GitHub link to Codex or Claude Code to create presentations

概览

NESA-SLIDE 把內容規劃、視覺方向、版面設計與輸出流程整理成專案 Skills,能製作 Image2 圖片式簡報、一般可編輯 HTML、含圖片的可編輯 HTML,以及原生可編輯 PPTX。 以下四種成品各有對應的 Skill。你可以直接指定 Skill,也可以把範例提示詞貼給 Agent。 Image2 將每一頁製作成完整的 16:9 圖片,適合重視視覺完整度、不需要個別編輯頁面物件的場合。 1. 直接呼叫 /generate-image-slide Skill。 2. 在指令中提及請 AI 輸出「純圖片簡報」或「Image2 簡報」。 1. 直接呼叫 /html-pattern-slide Skill。 2. 在指令中提及請 AI 輸出「純 HTML 簡報」或「可編輯 HTML 簡報」。 以下三份 Demo 以照片支撐實際提案內容,同時保留可編輯文字、物件、播放與 HTML 儲存功能。 1. 直接呼叫 /html-image-slide Skill。 2. 在指令中提及請 AI 輸出「圖片背景 HTML 簡報」或「含圖片的可編輯 HTML 簡報」。 以下三份 Demo 都是 8 頁、保留原生文字、形狀、圖表與版面的可編輯 PowerPoint。

README

NESA-SLIDE

給 Codex 與 Claude Code 使用的開源 AI 簡報製作系統。

NESA-SLIDE 把內容規劃、視覺方向、版面設計與輸出流程整理成專案 Skills,能製作 Image2 圖片式簡報、一般可編輯 HTML、含圖片的可編輯 HTML,以及原生可編輯 PPTX。

安裝方式

先把下面這段提示詞交給 Codex 或 Claude Code:

請將下列 Git repository clone 到本機,準備成可在 Codex 或 Claude Code 中開啟的專案:

https://github.com/slidefirm/NESA-SLIDE

執行規則:

- 若目前已有明確的專案保存位置,請 clone 到該位置;若無法判斷,只詢問我要存在哪個資料夾,等我回答後再繼續。
- 資料夾名稱使用 `NESA-SLIDE`。若同名資料夾已存在,請勿覆寫、刪除或重新 clone;先確認它是否為同一個 repository。若不是,停止並詢問我。
- Clone 完成後,確認 Git remote(本機專案連接的來源網址)指向上述 repository。
- 確認專案根目錄包含:
  - `README.md`
  - `AGENTS.md`
  - `.agents/skills/`
  - 至少一個 `.agents/skills/*/SKILL.md`
- 這一步只需完成 clone 與驗證;不要自行更新既有 repository、安裝套件或開始製作簡報。

完成後請告訴我:

1. 是新 clone 成功,還是沿用既有 repository
2. NESA-SLIDE 專案資料夾的完整絕對路徑
3. 上述檢查是否全部通過,以及任何異常
4. 接下來應在 Codex 或 Claude Code 開啟哪個資料夾

最後,請閱讀 `README.md`、`AGENTS.md` 與 `.agents/skills/*/SKILL.md`,用簡短中文教我這個專案能做什麼、有哪些 Skills、各自適合什麼任務,並提供 3 個可以直接貼上使用的起始提示詞;在我選擇前不要開始製作簡報。

簡報製作方式

以下四種成品各有對應的 Skill。你可以直接指定 Skill,也可以把範例提示詞貼給 Agent。

純圖片簡報(以 generate-image-slide Skill 製作)

Image2 將每一頁製作成完整的 16:9 圖片,適合重視視覺完整度、不需要個別編輯頁面物件的場合。

DEMO1:VoltGo City 新款電動機車發表會

DEMO2:2027 港灣城市爵士音樂節招商提案

DEMO3:珊瑚礁復育年度募款簡報

製作方式

  1. 直接呼叫 /generate-image-slide Skill。
  2. 在指令中提及請 AI 輸出「純圖片簡報」或「Image2 簡報」。

純 HTML 簡報(以 html-pattern-slide Skill 製作)

以下三份 Demo 都是 8 頁、可直接在瀏覽器播放與編輯的完整簡報。

DEMO1:新任店長內訓簡報

DEMO2:社區大樓防災說明會

DEMO3:舊車站再利用提案

製作方式

  1. 直接呼叫 /html-pattern-slide Skill。
  2. 在指令中提及請 AI 輸出「純 HTML 簡報」或「可編輯 HTML 簡報」。

圖片背景 HTML 簡報(以 html-image-slide Skill 製作)

以下三份 Demo 以照片支撐實際提案內容,同時保留可編輯文字、物件、播放與 HTML 儲存功能。

DEMO1:台東海岸旅宿品牌提案

DEMO2:流浪動物認養日活動企劃

DEMO3:春季草莓烘焙新品上市計畫

製作方式

  1. 直接呼叫 /html-image-slide Skill。
  2. 在指令中提及請 AI 輸出「圖片背景 HTML 簡報」或「含圖片的可編輯 HTML 簡報」。

PPTX 簡報(以 ppt-builder Skill 製作)

以下三份 Demo 都是 8 頁、保留原生文字、形狀、圖表與版面的可編輯 PowerPoint。

DEMO1:FlowPilot 2026 Q2 營運回顧

DEMO2:區域醫院門診等候時間改善提案

DEMO3:消費電子製造商供應商雙源策略

製作方式

  1. 直接呼叫 /ppt-builder Skill。
  2. 在指令中提及請 AI 輸出「PPTX 簡報」或「原生可編輯 PowerPoint」。

其他 Skills

Skill 什麼時候使用
design-presentations 還沒決定輸出格式,或需要先規劃整份簡報的視覺方向與跨頁節奏。
slide-outline-planner 只需要大綱、逐頁內容、講稿或版面建議,還不需要產出成品。
slide-background-image 已經有 HTML,只需要新增、替換或檢查逐頁圖片背景。

License

本專案採用 MIT License 開源。

在 GitHub 查看完整 README

推荐工具

换一个关键词,或者移除筛选条件。

安装

npx skillfish add slidefirm/nesa-slide
新手?先看 mcpskill.org 教程 →