·slidekit-create
#

slidekit-create

Tailwind CSS、Font Awesome、Google Fonts を使用して、HTML スライド プレゼンテーション (1 スライド = 1 HTML ファイル、1280x720 ピクセル) を生成します。ユーザーが新しいプレゼンテーションデッキまたはスライド HTML ファイルを作成するように要求する場合に使用します。デザインガイドライン、20種類のレイアウトパターン、コンポーネントライブラリ、PPTX変換互換性ルールを網羅。スタイルの選択 (クリエイティブ、エレガント、モダン、プロフェッショナル、ミニマリスト) とテーマの選択 (マーケティング、ポートフォリオ、ビジネス、テクノロジー、教育) をサポートします。

9インストール·0トレンド·@nogataka

インストール

$npx skills add https://github.com/nogataka/claude-code-skills --skill slidekit-create

slidekit-create のインストール方法

コマンドラインで slidekit-create AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/nogataka/claude-code-skills --skill slidekit-create
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: nogataka/claude-code-skills。

All communication with the user MUST be in Japanese. Questions, confirmations, progress updates, and any other messages — always use Japanese.

Generate HTML files forming a complete presentation deck. Each file is a self-contained HTML document rendered at 1280 x 720 px. All content is pure HTML + CSS. Chart.js is used automatically when data visualizations require it (line charts, radar charts, etc.) — no other JavaScript is permitted.

For DOM snippets and component patterns, see references/patterns.md. For user-provided custom templates, see references/templates/.

Tailwind CSS、Font Awesome、Google Fonts を使用して、HTML スライド プレゼンテーション (1 スライド = 1 HTML ファイル、1280x720 ピクセル) を生成します。ユーザーが新しいプレゼンテーションデッキまたはスライド HTML ファイルを作成するように要求する場合に使用します。デザインガイドライン、20種類のレイアウトパターン、コンポーネントライブラリ、PPTX変換互換性ルールを網羅。スタイルの選択 (クリエイティブ、エレガント、モダン、プロフェッショナル、ミニマリスト) とテーマの選択 (マーケティング、ポートフォリオ、ビジネス、テクノロジー、教育) をサポートします。 ソース: nogataka/claude-code-skills。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/nogataka/claude-code-skills --skill slidekit-create
カテゴリ
#ドキュメント
認証済み
初回登録
2026-02-22
更新日
2026-03-11

Browse more skills from nogataka/claude-code-skills

クイックアンサー

slidekit-create とは?

Tailwind CSS、Font Awesome、Google Fonts を使用して、HTML スライド プレゼンテーション (1 スライド = 1 HTML ファイル、1280x720 ピクセル) を生成します。ユーザーが新しいプレゼンテーションデッキまたはスライド HTML ファイルを作成するように要求する場合に使用します。デザインガイドライン、20種類のレイアウトパターン、コンポーネントライブラリ、PPTX変換互換性ルールを網羅。スタイルの選択 (クリエイティブ、エレガント、モダン、プロフェッショナル、ミニマリスト) とテーマの選択 (マーケティング、ポートフォリオ、ビジネス、テクノロジー、教育) をサポートします。 ソース: nogataka/claude-code-skills。

slidekit-create のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/nogataka/claude-code-skills --skill slidekit-create インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/nogataka/claude-code-skills

詳細

カテゴリ
#ドキュメント
ソース
skills.sh
初回登録
2026-02-22