本文へ移動
cccskills
無料GitHub で公開

slides

Generate Marp-compatible slide decks from structured JSON schema. Converts context into presentations for tech talks, sprint demos, and tutorials.

インストール方法を見る

含まれるファイル(2)

  • SKILL.md5.2 KB
  • scripts/build-deck.js3.9 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

slides

Purpose

Generates structured slide decks as Marp-compatible markdown. The agent analyzes context (feature, sprint, tutorial) and produces a JSON slide schema, then calls build-deck.js to convert it to presentation-ready markdown. The script standardizes output format — preventing agent freestyle errors when context runs low.

Triggers

  • User says "create slides", "make presentation", "demo deck", "sprint review slides", "tech talk"
  • /rune slides — manual invocation
  • Called by other skills needing presentation output

Called By (inbound)

  • marketing (L2): launch presentations, product demos
  • video-creator (L3): slide-based video storyboards
  • User: direct invocation

Calls (outbound)

None — pure L3 utility.

Executable Instructions

Step 1: Analyze Context

Determine the presentation type from the user's request:

ContextTemplateTypical Slides
Feature demoDemo walkthroughProblem → Solution → Architecture → Live demo → Next steps
Sprint reviewSprint summaryGoals → Completed → Metrics → Blockers → Next sprint
Tech talkTeaching formatHook → Concept → Deep dive → Code examples → Takeaways
TutorialStep-by-stepIntro → Prerequisites → Step 1-N → Summary → Resources
PitchPersuasionProblem → Market → Solution → Traction → Ask

Step 2: Generate JSON Schema

Create a JSON file following this schema:

{
  "title": "Presentation Title",
  "author": "Author Name (optional)",
  "theme": "default|gaia|uncover",
  "slides": [
    {
      "type": "title|content|code|diagram|image|quote|section",
      "heading": "Slide Heading",
      "body": "Markdown body text",
      "notes": "Speaker notes (optional)",
      "code": { "lang": "javascript", "source": "console.log('hi')" },
      "diagram": "graph LR; A-->B"
    }
  ]
}

Slide types:

  • title — opening slide with # heading
  • content — standard slide with ## heading + body
  • code — slide with syntax-highlighted code block
  • diagram — slide with Mermaid diagram (stays a Mermaid fence for Marp; do NOT replace with a diagram-generated HTML here)
  • image — slide with image reference in body
  • quote — slide with blockquote formatting
  • section — section divider with # heading

Save the JSON to a temporary file (e.g., slides.json).

Step 3: Build Deck

Execute the build script:

node {scripts_dir}/build-deck.js --input slides.json --output deck.md

The script outputs Marp-compatible markdown with:

  • Marp frontmatter (marp: true, theme)
  • Slide separators (---)
  • Speaker notes as HTML comments
  • Code blocks with language hints
  • Mermaid diagram blocks

Step 4: Present Result

Show the user:

  1. The generated deck.md file path
  2. How to preview: npx @marp-team/marp-cli deck.md --preview (or any Marp viewer)
  3. How to export PDF: npx @marp-team/marp-cli deck.md --pdf

Fallback: If {scripts_dir}/build-deck.js is unavailable, generate the Marp markdown directly — the script is an optimization, not a hard dependency.

Output Format

---
marp: true
theme: default
---

# Presentation Title

Author Name

---

## Slide Heading

Slide body content

<!-- notes: Speaker notes here -->

Sharp Edges

Failure ModeSeverityMitigation
build-deck.js not foundLOWAgent generates Marp markdown directly (fallback)
Invalid JSON inputMEDIUMScript exits 1 with parse error — agent fixes JSON and retries
Marp not installedLOWScript outputs plain .md — user installs Marp CLI separately
Too many slides (>30)MEDIUMAgent should split into multiple decks or summarize
System/architecture/flow/sequence/state/ER/swimlane diagramsMEDIUMEditorial HTML/SVG diagrams → diagram. For an editorial slide graphic: diagram with size=slide-16x9, then embed the HTML or a screenshot — do NOT replace the Marp type: diagram fence (that stays Mermaid for build-deck.js)

Constraints

  1. Output MUST be valid Marp markdown (parseable by @marp-team/marp-cli)
  2. DO NOT embed build-deck.js source in this skill — call it via {scripts_dir}
  3. DO NOT require Marp installation — output is standard markdown that Marp can consume
  4. Keep slide count reasonable (5-15 for demos, 10-25 for talks)
  5. Always include speaker notes for non-trivial slides

Returns

ArtifactFormatLocation
Slide schemaJSONslides.json (temporary)
Presentation deckMarp Markdowndeck.md or user-specified path

Done When

  • Presentation type identified (demo/sprint/talk/tutorial/pitch)
  • JSON schema generated with correct slide types
  • build-deck.js executed (or fallback markdown generated)
  • Output file path presented to user
  • Preview/export commands provided

Cost Profile

~500-1500 tokens input, ~300-800 tokens output. Sonnet for quality copy and structure.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

adversary

無料

Pre-implementation red-team analysis. Use when a plan is high-risk, critical path, or expensive to reverse. Challenges plans before code is written — finds edge cases, security holes, scalability bottlenecks, error propagation risks, and integration conflicts. Catches flaws at plan time (10x cheaper than post-implementation).

日本語の概要は準備中です。原文の説明を表示しています。

Rune-kit/rune862026年8月16日 更新

Creates code-based visual assets — SVG icons, OG image HTML templates, social banners, and icon sets. Use when generating visuals as code (vector/HTML), NOT raster images — for raster generation see @rune-pro/media. Outputs files with usage instructions.

日本語の概要は準備中です。原文の説明を表示しています。

Rune-kit/rune862026年8月16日 更新

audit

無料

Comprehensive project audit — security, dependencies, code quality, architecture, performance, infra, docs, and mesh analytics. Use when needing a full 8-dimension health-score snapshot before a major release, M&A diligence, or quarterly review. Delegates to specialist skills (sentinel, dependency-doctor, perf, autopsy, etc.).

日本語の概要は準備中です。原文の説明を表示しています。

Rune-kit/rune862026年8月16日 更新

autopsy

無料

Full codebase health assessment. Use when diagnosing project health or starting a rescue workflow on legacy code — OR when evaluating an external GitHub repo for dependency / fork / contribution decisions (--external mode). Analyzes complexity, dependencies, dead code, tech debt, and git hotspots. Produces a health score and rescue plan.

日本語の概要は準備中です。原文の説明を表示しています。

Rune-kit/rune862026年8月16日 更新

ba

無料

Business Analyst agent. Use when starting a new feature requiring requirements elicitation BEFORE plan or cook. Asks probing questions, identifies hidden requirements, maps stakeholders, defines scope boundaries, and produces a structured Requirements Document that plan and cook consume.

日本語の概要は準備中です。原文の説明を表示しています。

Rune-kit/rune862026年8月16日 更新

Creative ideation and solution exploration. Generates multiple approaches with trade-offs, uses structured frameworks (SCAMPER, First Principles), and hands off to plan for structuring.

日本語の概要は準備中です。原文の説明を表示しています。

Rune-kit/rune862026年8月16日 更新

Rune-kit のスキルをすべて見る

このスキルの問題を報告する