技能 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

预期结果:

Title: 'PayFlow: Borderless Payments, Instantly'
Subtitle: 'Send money globally in under 30 seconds'
Layout: Centered title with gradient text, fade-up animation

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

预期结果:

Chart.js line chart with months (Sep-Dec) on x-axis and MRR values on y-axis. Red border color matching primary brand color, smooth tension curve, semi-transparent fill area below the line.

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

预期结果:

Problem: 'International transfers take 3-5 business days.'
Agitate: 'In a real-time economy, waiting days for your own money costs deals, delays payroll, and frustrates teams.'
Solution intro: 'PayFlow settles in 30 seconds.'

安全审计

低风险
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
规范符合性

你能构建什么

初创公司融资演示文稿

创业者使用经过验证的 YC 演示文稿结构,为种子轮或 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 演示文稿
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.

最佳实践

  • 始终使用幻灯片知识库搜索命令为您的内容类型和位置找到合适的布局
  • 在所有幻灯片中一致地应用设计令牌,以实现统一的品牌风格和便捷的主题更新
  • 遵循演示文稿策略的情感曲线指引,以在整个演示过程中保持受众参与度

避免

  • 不要跳过导航和进度条组件,因为它们对演讲者模式至关重要
  • 避免在单个仪表板幻灯片上使用超过 6 个指标卡片,以防止视觉杂乱
  • 不要从非 CDN 来源加载 Chart.js,也不要将整个库内联到您的 HTML 中

常见问题

本技能与哪些工具兼容?
本技能可与 Claude、Claude Code 和 Codex AI 编程助手配合使用。
它支持离线工作吗?
不能,Chart.js 从 CDN 加载,因此首次加载需要互联网连接。缓存后,幻灯片可以离线查看。
我可以将幻灯片导出到 PowerPoint 吗?
不能,本技能仅生成 HTML 演示文稿。您可以使用屏幕截图或浏览器打印为 PDF 来进行静态导出。
有多少种幻灯片布局可用?
本技能提供 25 种布局模式,包括标题幻灯片、功能网格、指标仪表板、对比表和 CTA 结尾页。
Chart.js 是唯一支持的图表库吗?
可以,模板已配置为使用 Chart.js。您可以根据需要修改代码以使用其他库,如 D3.js 或 ApexCharts。
包含哪些文案框架?
本技能包含 25 种公式,包括 PAS、AIDA、FAB、不作为成本、前后对比桥梁和社会证明模式。