slides について
戦略的な HTML プレゼンテーションを作成するスキルです。マーケティング資料やピッチ資料、データを活用したスライドの制作に向け、レイアウト、コピーライティング、Chart.js の参考情報を提供します。
主な機能
- 01戦略的なプレゼンテーション作成
- 02レイアウトパターンの参照
- 03コピーライティング公式の参照
- 04Chart.js によるデータチャート
活用シーン
- 01マーケティング資料の作成
- 02ピッチ資料の準備
- 03データを使ったスライドの作成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ nicohodt/ claude-code-ui-ux-skill --skill slidesインストール後、Claude Code で/slidesを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/copywriting-formulas.mdcreate.mdhtml-template.mdlayout-patterns.mdslide-strategies.md詳細
スライド
データビジュアライゼーションを取り入れた、戦略的な HTML プレゼンテーションのデザインです。
使用する場面
- マーケティングプレゼンテーションやピッチデッキ
- Chart.js を使ったデータドリブンなスライド
- レイアウトパターンを活用した戦略的なスライドデザイン
- コピーライティングに最適化されたプレゼンテーションコンテンツ
サブコマンド
| サブコマンド | 説明 | リファレンス |
|---|---|---|
create | 戦略的なプレゼンテーションスライドを作成します | references/create.md |
リファレンス(ナレッジベース)
| トピック | ファイル |
|---|---|
| レイアウトパターン | references/layout-patterns.md |
| HTML テンプレート | references/html-template.md |
| コピーライティングの公式 | references/copywriting-formulas.md |
| スライド戦略 | references/slide-strategies.md |
ルーティング
$ARGUMENTSからサブコマンドを解析します(最初の単語)。- 対応する
references/{subcommand}.mdを読み込みます。 - 残りの引数を使って実行します。
コメント
Markdown 対応