技能 ckm:slides
📊

ckm:slides

低風險 🌐 網路存取

使用資料視覺化建立策略性 HTML 簡報

從頭製作具有說服力的投影片組需要花費數小時的設計與文案工作。此技能提供經驗證的範本、Chart.js 整合與文案撰寫公式,協助您快速建立專業簡報。

支援: Claude Codex Code(CC)
📊 70 充足
1

下載技能 ZIP

2

在 Claude 中上傳

前往 設定 → 功能 → 技能 → 上傳技能

3

開啟並開始使用

測試它

正在使用「ckm:slides」。 Create a title slide for a fintech startup called 'PayFlow' that simplifies cross-border payments

預期結果:

標題:'PayFlow:無國界支付,即時送達'
副標題:'30 秒內將款項匯至全球'
版面配置:置中標題搭配漸層文字,上淡入動畫

正在使用「ckm:slides」。 Add a traction chart showing monthly recurring revenue growth from $5K to $45K over 4 months

預期結果:

Chart.js 折線圖,x 軸為月份(9 月至 12 月),y 軸為 MRR 數值。紅色邊框色彩符合主要品牌色,平滑張力曲線,線條下方為半透明填色區域。

正在使用「ckm:slides」。 Build a problem slide about slow international wire transfers

預期結果:

問題:'國際匯款需要 3-5 個工作天。'
釐清:'在即時的經濟中,等待數天才能拿到自己的錢,會錯失商機、延誤發薪並讓團隊感到挫折。'
解決方案引入:'PayFlow 在 30 秒內即可完成結算。'

安全審計

低風險
v2 • 6/19/2026

The skill consists of documentation and reference files for creating HTML presentations. The static analyzer flagged 121 patterns, but all are false positives. 'Weak cryptographic algorithm' warnings match on CSS keywords like 'key' and 'signature' used in presentation contexts. 'Ruby/shell backtick execution' warnings match on markdown code formatting. Network references point to legitimate CDNs (cdn.jsdelivr.net for Chart.js, images.pexels.com for stock images). No executable scripts or malicious code patterns were found.

6
已掃描檔案
662
分析行數
3
發現項
2
審計總數
低風險問題 (2)
External CDN Resource Loading
Template loads Chart.js library from cdn.jsdelivr.net CDN. This is a standard, legitimate CDN used for open-source libraries. No malicious intent detected.
External Image References
Template references images from images.pexels.com for background images. Pexels is a legitimate stock photography platform.
審計者: claude 查看審計歷史 →

品質評分

45
架構
100
可維護性
87
內容
50
社群
86
安全
65
規範符合性

你能建構什麼

新創 Pitch Deck

創辦人使用經驗證的 YC Deck 結構製作向投資人提案的種子輪或 A 輪募資簡報。

業務賦能

業務團隊運用具說服力的文案撰寫公式打造產品展示簡報與銷售提案。

內部溝通

經理人製作 QBR 報告、全員會議更新與董事會簡報,並結合資料視覺化。

試試這些提示

快速標題頁
Create a title slide for a presentation about [topic] with a compelling hook.
資料視覺化
Create a metrics dashboard slide showing [metric 1], [metric 2], [metric 3] with a Chart.js bar chart for monthly revenue.
問題-解決方案結構
Create a 5-slide pitch using the PAS formula: problem slide, agitation slide, solution overview, features grid, and CTA closing.
完整 YC Deck
Generate a complete 10-slide YC seed deck for a [industry] startup with title, problem, solution, traction chart, market sizing, product, business model, team, financials, and ask slides.

最佳實務

  • 務必使用投影片知識庫搜尋指令,為您的內容類型與位置找出合適的版面配置
  • 在所有投影片上一致套用設計權杖,以維持品牌一致性並便於主題更新
  • 遵循 Deck 策略的情緒弧線指引,讓觀眾在整場簡報中保持投入

避免

  • 不要略過導覽列與進度條元件,這些對簡報者模式至關重要
  • 避免在單一儀表板投影片上使用超過 6 個指標卡片,以免造成視覺雜亂
  • 不要從非 CDN 來源載入 Chart.js,也不要將完整函式庫內嵌於 HTML 中

常見問題

此技能與哪些工具相容?
此技能相容於 Claude、Claude Code 與 Codex AI 程式設計助手。
可以離線使用嗎?
不行,Chart.js 是從 CDN 載入,因此首次載入需要網際網路連線。快取後即可離線檢視投影片。
可以將投影片匯出為 PowerPoint 嗎?
不行,此技能僅產生 HTML 簡報。您可以擷取投影片畫面或使用瀏覽器列印為 PDF 以進行靜態匯出。
提供多少種投影片版面配置?
此技能提供 25 種版面配置模式,包括標題頁、功能方格、指標儀表板、比較表格與行動呼籲結尾頁。
Chart.js 是唯一支援的圖表函式庫嗎?
可以,範本已預先設定為 Chart.js。您可以修改程式碼以使用其他函式庫,如 D3.js 或 ApexCharts。
包含哪些文案撰寫框架?
此技能包含 25 種公式,包括 PAS、AIDA、FAB、不行動成本、Before-After-Bridge 與社會證明等模式。