mcpField
S
slides

slides

github.com/nextlevelbuilderドキュメント142.1k40.4k 回インストール2 日前に更新
リポジトリ

slides について

戦略的な HTML プレゼンテーションを作成するスキルです。マーケティング資料やピッチデック、データ可視化に向け、レイアウトやコピーの参考資料と `create` ワークフローを備えています。

主な機能

  1. 01戦略的な HTML スライド作成
  2. 02Chart.js によるデータ可視化
  3. 03レイアウトパターンの参照
  4. 04プレゼン用コピーのガイダンス

活用シーン

  1. 01マーケティング資料の作成
  2. 02ピッチデックの作成
  3. 03チャートを使ったデータ提示

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides

インストール後、Claude Code で/slidesを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
copywriting-formulas.md
create.md
html-template.md
layout-patterns.md
slide-strategies.md

詳細

スライド

データビジュアライゼーションを活用した、戦略的なHTMLプレゼンテーションデザインです。

使用する場面

  • マーケティングプレゼンテーションやピッチデッキ
  • Chart.jsを使ったデータ主導のスライド
  • レイアウトパターンを活用した戦略的なスライドデザイン
  • コピーライティングに最適化されたプレゼンテーションコンテンツ

サブコマンド

サブコマンド説明リファレンス
create戦略的なプレゼンテーションスライドを作成しますreferences/create.md

スクリプトのパス

このスキルとその references/ 内のスクリプトパスは、プロジェクトではなく、このスキルの SKILL.md があるディレクトリを基準とします。scripts/<file> はこのスキル固有の scripts/ フォルダーで、../<skill>/scripts/<file> は隣にインストールされたサブスキルのフォルダーです。そのディレクトリ（スキルの読み込み時に Claude Code がスキルのベースディレクトリとして報告します）を起点に完全なパスを組み立て、作業ディレクトリはプロジェクトのルートにしてください。スクリプトは、docs/brand-guidelines.md、assets/design-tokens.json、src/ などのプロジェクトファイルを、プロジェクトルートからの相対パスで読み書きします。

リファレンス（ナレッジベース）

トピックファイル
レイアウトパターンreferences/layout-patterns.md
HTMLテンプレートreferences/html-template.md
コピーライティングの公式references/copywriting-formulas.md
スライド戦略references/slide-strategies.md

ルーティング

  1. $ARGUMENTS からサブコマンドを解析します（最初の単語）
  2. 対応する references/{subcommand}.md を読み込みます
  3. 残りの引数を使って実行します

コメント

Markdown 対応