← 一覧へ
🎨 デザインCC / Codex 両対応難易度: 中級

スライド作成 slides

データで語る魅力的なスライドを簡単作成

出典リポの★
125,042
最終更新
29日前
作者
nextlevelbuilder

これは何?

これはHTMLベースのプレゼンテーション作成ツールです。Chart.jsを使ったデータ可視化や、戦略的なレイアウトパターン、コピーライティングの公式を取り入れたスライドを作れます。マーケティング資料やピッチデッキなど、説得力のあるプレゼン資料を簡単に制作できますよ。

スライド作成の紹介マンガ

これでできること

  • Chart.jsを使ってデータを視覚化したスライドを作成できる
  • 戦略的なレイアウトパターンで効果的なプレゼン資料を作れる
  • コピーライティングの公式を取り入れた魅力的なコンテンツを作成できる
  • レスポンシブデザインで様々なデバイスに対応したスライドを作れる

こんな時に便利

マーケティング担当者が競合分析データを可視化したい時
スタートアップが投資家向けピッチデッキを作成する時
営業担当者が説得力のある提案資料を作りたい時
教育者がデータに基づいた教材スライドを作成する時

使い方

まず『create』サブコマンドを使って基本的なスライドを作成します。その後、レイアウトパターンやコピーライティングの公式を参考に、より効果的なプレゼン資料に仕上げていきましょう。

使用例(こう頼んでみよう)

create マーケティング分析デッキ Chart.jsで売上グラフを含めてcreate 投資家向けピッチデッキ 3つの強みを強調したレイアウトでcreate 製品紹介スライド コピーライティング公式を使用して

必要なもの

  • 特になし

導入方法

いちばん簡単(AIに頼む)
次のスキルを入れて: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/slides
手動で置く
Claude Code → ~/.claude/skills/slides/
Codex → ~/.agents/skills/slides/

使いこなしのコツ

  • レイアウトパターンを参考にすると、よりプロフェッショナルな見た目になります
  • コピーライティングの公式を使うと、伝わりやすいメッセージを作成できます