スキル ckm:design
📦

ckm:design

中リスク ⚙️ 外部コマンド📁 ファイルシステムへのアクセス🔑 環境変数🌐 ネットワークアクセス

AIを使ってロゴ、ブランドアイデンティティ、ソーシャルメディアビジュアルをデザイン

プロフェッショナルなデザインを作成するには、通常デザイナーを雇うか複雑なソフトウェアを学ぶ必要があります。このスキルは、AIを使って説明文から直接、ロゴ、ブランドアイデンティティ文書、ソーシャルメディア画像、バナー、アイコン、プレゼンテーションを生成します。

対応: Claude Codex Code(CC)
⚠️ 68 貧弱
1

スキルZIPをダウンロード

2

Claudeでアップロード

設定 → 機能 → スキル → スキルをアップロードへ移動

3

オンにして利用開始

テストする

「ckm:design」を使用しています。 Bean and Brewというコーヒーショップ向けに、温かみのある茶色を使ったミニマリストなロゴをデザインしてください。

期待される結果:

3つのバリエーションからなるロゴパッケージを作成しました:横長のワードマークロゴ、縦型のスタック版、円形のアイコンのみのバッジ。カラーパレットは温かみのある茶色(#6B3A2A)とクリーム色(#D4A574)を使用し、クリーンなサンセリフフォントの組み合わせを採用しました。

「ckm:design」を使用しています。 InstagramとFacebook向けに、サマーセールキャンペーンのソーシャルメディア画像を作成してください。

期待される結果:

  • 夏のビーチを思わせるグラデーション背景、セールテキストのオーバーレイ、コールトゥアクションボタンを備えたInstagram用正方形投稿(1080x1080px)を2枚生成
  • 統一感のあるブランディング、商品ハイライト、プロモーション割引バナーを備えたFacebook用フィード画像(1200x630px)を2枚作成

「ckm:design」を使用しています。 テックスタートアップ向けに、Q2売上成長についての5スライドのHTMLプレゼンテーションを構築してください。

期待される結果:

グラデーションのタイトルスライド、アジェンダ概要、四半期ごとの成長を示す2枚のChart.js棒グラフスライド、主要な指標と次のステップを箇条書きでまとめたクロージングスライドを備えた、インタラクティブなHTMLスライドデッキを作成しました。

セキュリティ監査

中リスク
v1 • 5/27/2026

All 1099 static findings are false positives. The 'Weak cryptographic algorithm' findings reference algorithm names in CSV data files containing design metadata, not actual cryptographic operations. 'Ruby/shell backtick execution' findings are CLI examples in Markdown code blocks. The skill legitimately requires env_access (Gemini API key), network calls (Gemini API), filesystem writes (design output), and external commands (image processing), all documented and expected for an AI design generation tool. No malicious intent or credential exfiltration detected. Published with medium risk warning due to elevated capabilities.

35
スキャンされたファイル
5,279
解析された行数
5
検出結果
1
総監査数

重大な問題 (1)

Heuristic: Code Execution + Network + Credential Access Combined
Static analyzer flagged DANGEROUS COMBINATION of code execution, network, and credential access across multiple files. DISMISSED: The combination is the legitimate function of an AI-powered design generation tool. API keys (GEMINI_API_KEY) are read from environment variables, network calls go to the Google Gemini API for AI generation, code execution runs design generation scripts, and filesystem writes produce output files. All capabilities are documented and expected.

リスク要因

⚙️ 外部コマンド (44)
references/banner-sizes-and-styles.md:114 references/banner-sizes-and-styles.md:115 references/banner-sizes-and-styles.md:116 references/banner-sizes-and-styles.md:117 references/banner-sizes-and-styles.md:118 references/cip-design.md:9-12 references/cip-design.md:18-20 references/cip-design.md:24-36 references/cip-design.md:36-40 references/cip-design.md:40-55 references/cip-design.md:55-59 references/cip-design.md:59-66 references/cip-design.md:66-67 references/cip-design.md:104-118 references/cip-prompt-engineering.md:5-7 references/cip-prompt-engineering.md:12-14 references/cip-prompt-engineering.md:17-19 references/cip-prompt-engineering.md:22-24 references/cip-prompt-engineering.md:27-29 references/cip-prompt-engineering.md:32-34 references/cip-prompt-engineering.md:39-41 references/cip-prompt-engineering.md:44-46 references/cip-prompt-engineering.md:49-51 references/cip-prompt-engineering.md:54-56 references/cip-prompt-engineering.md:60-63 references/cip-prompt-engineering.md:67-71 references/cip-prompt-engineering.md:76-82 references/design-routing.md:117-178 references/icon-design.md:9-55 references/icon-design.md:96-101 references/icon-design.md:111-119 references/logo-design.md:9-43 references/logo-design.md:76-89 references/logo-prompt-engineering.md:5-150 references/slides-copywriting-formulas.md:67-73 references/slides-create.md:1 references/slides-html-template.md:7-295 references/slides-layout-patterns.md:9-137 references/slides-strategies.md:68-83 references/slides.md:7-42 references/social-photos-design.md:3-329 scripts/icon/generate.py:110-140 SKILL.md:30-38 SKILL.md:46-297
📁 ファイルシステムへのアクセス (9)
🔑 環境変数 (13)
🌐 ネットワークアクセス (4)

検出されたパターン

Environment Variable Access for API Keys.env File Loading from Home DirectoryShell Command Execution in Python ScriptsWeak Cryptographic Algorithm References in CSV DataC2 Keywords in Industry/Style CSV DataRuby Shell Backtick Execution in Reference Markdown
監査者: claude

品質スコア

68
アーキテクチャ
100
保守性
87
コンテンツ
43
コミュニティ
45
セキュリティ
74
仕様準拠

作れるもの

スタートアップのブランドローンチ

新規事業立ち上げに向けて、ロゴ、カラーパレット、ブランドガイドライン、モックアップ成果物を含む完全なブランドアイデンティティを作成します。

ソーシャルメディアキャンペーン用グラフィック

複数のソーシャルネットワークにわたるマーケティングキャンペーン向けに、プラットフォーム最適化されたソーシャルメディア画像とバナーを生成します。

データドリブンなプレゼンテーションスライド

ビジネスピッチ向けに、Chart.jsによるデータ可視化、カスタムレイアウト、コピーライティング公式を備えたプロフェッショナルなHTMLスライドデッキを構築します。

これらのプロンプトを試す

シンプルなロゴ依頼
{business_type}向けのロゴをデザインしてください。会社名は{company_name}です。{color_preference}の色を使い、{style}のデザインスタイルでお願いします。結果はカラーパレット情報付きのSVGで提供してください。
完全ブランドアイデンティティパッケージ
{company_name}の{industry}業界向け完全なコーポレートアイデンティティプログラムを作成してください。ロゴのバリエーション、カラーパレット、タイポグラフィガイドライン、名刺デザイン、レターヘッド、ソーシャルメディアプロフィールテンプレートを含めてください。
マルチプラットフォームソーシャルグラフィック
{campaign_name}向けのソーシャルメディア画像をデザインしてください。一貫したブランディングで、Instagram(1080x1080)、LinkedIn(1200x627)、Facebook(1200x630)、Twitter(1200x675)、YouTubeバナー(2560x1440)のバージョンを作成してください。
チャート付きデータプレゼンテーション
{topic}に関するHTMLスライドデッキを構築してください。{title_text}のタイトルスライド、{data_description}を示すChart.jsの棒グラフと折れ線グラフの可視化を含む{N}枚のコンテンツスライド、主要な takeaways をまとめたクロージングスライドを含めてください。

ベストプラクティス

  • より良い生成結果を得るために、色、業界、雰囲気、デザインの参考例など、具体的なスタイルの好みを提供してください。
  • ソーシャル画像やバナーを依頼する際は、正確な寸法やフォーマット要件を含む、明確で説明的なプロンプトを使用してください。
  • AIが生成した出力を確認し、フィードバックや改善要求を行うことで、望ましい結果に繰り返し近づけてください。

回避

  • スタイルの背景、色の好み、業界情報を何も提供せずにデザインを依頼しないでください。
  • 適切な許可と権利なしに、著作権や商標で保護された素材を作成するためにこのスキルを使用しないでください。
  • 参考例や詳細な仕様を提供せずに、最初の試行でピクセルパーフェクトな出力を期待しないでください。

よくある質問

このスキルを使用するにはAPIキーが必要ですか?
はい、Gemini APIキーが必要です。スキルを使用する前に、GEMINI_API_KEYまたはGOOGLE_API_KEY環境変数として設定してください。
このスキルはどのようなファイル形式を生成しますか?
このスキルは、SVGアイコンとロゴ、Chart.jsを使用したHTMLスライド、PNG画像スクリーンショット、標準的なWeb形式のモックアップ画像を生成します。
生成されたデザインを商用プロジェクトに使用できますか?
はい、生成されたデザインは商用プロジェクトに使用できます。具体的な使用権と制限については、Gemini APIの利用規約をご確認ください。
利用可能なロゴスタイルはいくつありますか?
このスキルは、ミニマリスト、ビンテージ、モダン、幾何学スタイルなど、さまざまな業界やデザインアプローチに対応した55以上のロゴスタイルをサポートしています。
これはプロフェッショナルなデザインソフトウェアを置き換えるものですか?
いいえ。これはAI支援によるデザインツールであり、ラピッドプロトタイピング、アイデア出し、小〜中規模プロジェクト向けのアセット作成に最適です。高度な編集にはプロフェッショナルソフトウェアが必要です。
生成後にデザインを編集できますか?
SVGおよびHTML出力は標準的なツールで編集可能です。PNG画像は、生成後の加工にラスター編集ソフトウェアが必要になる場合があります。