slides
作成者： nextlevelbuilder
Chart.js、デザイントークン、レスポンシブレイアウト、コピーライティングの公式、コンテキストに応じたスライド戦略を用いて、戦略的なHTMLプレゼンテーションを作成します。
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slidesSlides
Strategic HTML presentation design with data visualization.
When to Use
- Marketing presentations and pitch decks
- Data-driven slides with Chart.js
- Strategic slide design with layout patterns
- Copywriting-optimized presentation content
Subcommands
| Subcommand | Description | Reference |
|---|---|---|
create | Create strategic presentation slides | references/create.md |
Script Paths
Script paths in this skill and its references/ are relative to the directory that contains this SKILL.md, not to the project: scripts/<file> is this skill's own scripts/ folder, and ../<skill>/scripts/<file> is a sibling sub-skill installed alongside it. Build the full path from that directory (Claude Code reports it as the skill's base directory when the skill loads) and keep the working directory at the project root — the scripts read and write project files such as docs/brand-guidelines.md, assets/design-tokens.json or src/ relative to it.
References (Knowledge Base)
| Topic | File |
|---|---|
| Layout Patterns | references/layout-patterns.md |
| HTML Template | references/html-template.md |
| Copywriting Formulas | references/copywriting-formulas.md |
| Slide Strategies | references/slide-strategies.md |
Routing
- Parse subcommand from
$ARGUMENTS(first word) - Load corresponding
references/{subcommand}.md - Execute with remaining arguments
nextlevelbuilderのその他のスキル
ckm:design-system
nextlevelbuilder
トークンアーキテクチャ、コンポーネント仕様、スライド生成。3層トークン（プリミティブ→セマンティック→コンポーネント）、CSS変数、スペーシング/タイポグラフィスケール、コンポーネント仕様、戦略的なスライド作成。デザイントークン、体系的なデザイン、ブランド準拠のプレゼンテーションに使用。
designdevelopmentcreative
ckm:design
nextlevelbuilder
包括ブランド設計スキル：ブランドアイデンティティ、デザイントークン、UIスタイリング、ロゴ生成（55スタイル、Gemini AI）、コーポレートアイデンティティプログラム（50成果物、CIPモックアップ）、HTMLプレゼンテーション（Chart.js）、バナーデザイン（22スタイル、ソーシャル/広告/ウェブ/印刷）、アイコンデザイン（15スタイル、SVG、Gemini 3.1 Pro）、ソーシャル写真（HTML→スクリーンショット、マルチプラットフォーム）。アクション：ロゴデザイン、CIP作成、モックアップ生成、スライド作成、バナーデザイン、アイコン生成、ソーシャル写真作成、ソーシャルメディア画像、ブランド...
designcreativemedia
ckm:ui-styling
nextlevelbuilder
shadcn/uiコンポーネント（Radix UI + Tailwind上に構築）、Tailwind CSSのユーティリティファーストスタイリング、およびキャンバスベースのビジュアルデザインを使用して、美しくアクセシブルなユーザーインターフェースを作成します。ユーザーインターフェースの構築、デザインシステムの実装、レスポンシブレイアウトの作成、アクセシブルなコンポーネント（ダイアログ、ドロップダウン、フォーム、テーブル）の追加、テーマと色のカスタマイズ、ダークモードの実装、ビジュアルデザインやポスターの生成、アプリケーション全体での一貫したスタイリングパターンの確立に使用します。
designdevelopmentcreative
ckm:brand
nextlevelbuilder
ブランドボイス、ビジュアルアイデンティティ、メッセージングフレームワーク、アセット管理、ブランドの一貫性。ブランドコンテンツ、トーンボイス、マーケティングアセット、ブランドコンプライアンス、スタイルガイドのために起動します。
designmarketingcreative
ckm:slides
nextlevelbuilder
Chart.js、デザイントークン、レスポンシブレイアウト、コピーライティングの公式、およびコンテキストに応じたスライド戦略を用いて、戦略的なHTMLプレゼンテーションを作成します。
designcreative
ckm:banner-design
nextlevelbuilder
ソーシャルメディア、広告、ウェブサイトヒーロー、クリエイティブアセット、印刷物向けのバナーをデザインします。AI生成ビジュアルによる複数のアートディレクションオプションを提供。アクション：デザイン、作成、バナー生成。プラットフォーム：Facebook、Twitter/X、LinkedIn、YouTube、Instagram、Googleディスプレイ、ウェブサイトヒーロー、印刷物。スタイル：ミニマリスト、グラデーション、大胆なタイポグラフィ、写真ベース、イラストレーション、幾何学、レトロ、グラスモーフィズム、3D、ネオン、デュオトーン、エディトリアル、コラージュ。ui-ux-pro-max、frontend-design、ai-artist、ai-multimodalスキルを使用。
designcreativemarketing
banner-design
nextlevelbuilder
ソーシャルメディア、広告、ウェブサイトヒーロー、クリエイティブアセット、印刷物向けのバナーをデザインします。AI生成ビジュアルによる複数のアートディレクションオプション。アクション：バナーのデザイン、作成、生成。プラットフォーム：Facebook、Twitter/X、LinkedIn、YouTube、Instagram、Googleディスプレイ、ウェブサイトヒーロー、印刷物。スタイル：ミニマリスト、グラデーション、大胆なタイポグラフィ
brand
nextlevelbuilder
ブランドボイス、ビジュアルアイデンティティ、メッセージングフレームワーク、アセット管理、ブランドの一貫性。ブランドコンテンツ、トーンボイス、マーケティングアセット、ブランドコンプライアンス、スタイルガイドのために起動します。
designmarketingcreative