logo-designer-skill について
logo-designer-skill は、構造化されたブランドヒアリングで価値観、対象者、ビジュアルの方向性を把握し、複数の SVG ロゴ案を作成するスキルです。案の選択後に調整を重ね、複数サイズの SVG と PNG を出力できます。
主な機能
- 01構造化されたブランドヒアリングを実施
- 023～5 個の SVG ロゴ案を生成
- 03選択した案を反復して調整
- 04複数サイズの SVG と PNG を出力
活用シーン
- 01ブランドの方向性からロゴ案を作成
- 02選択したロゴ案をブラッシュアップ
- 03ファビコンや高解像度用途のロゴ素材を準備
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/logo-designer-skillを入力して読み込まれたか確認します。
同梱ファイルstub.yaml
詳細
logo-designer-skill
カタログの概要 — パッケージ全体はこちら：neonwatty/logo-designer-skill
判断ツリー
-
パッケージはすでにインストールされていますか？ 確認方法：エージェントのスキルディレクトリに、スタブ以外の内容を含む
logo-designer-skillがあるか確認します。- はい →
logo-designer-skillを呼び出して続行します - いいえ → ステップ 2 に進みます
- はい →
-
使用しているエージェントはどれですか？
- Claude Code →
claude plugin add neonwatty/logo-designer-skill - Cursor →
claude plugin add neonwatty/logo-designer-skill - その他 →
claude plugin add neonwatty/logo-designer-skillを実行するか、GitHub の README をご覧ください
- Claude Code →
インストールコマンド
claude plugin add neonwatty/logo-designer-skill
インストール後の呼び出し
- スキル名：
logo-designer-skill - トリガーフレーズ：「ロゴデザイン」「SVG ロゴ」「ブランドマーク」「ロゴのコンセプト」「logo-designer」
機能
ブランドの価値観、対象ユーザー、ビジュアルの方向性を把握するための構造化されたヒアリングを行った後、3～5 種類の異なる SVG ロゴのコンセプトを生成します。ユーザーが方向性を選択すると、プロポーション、ウェイト、拡張性を調整するための改良を繰り返します。16px のファビコンから 2048px の高解像度画像まで、あらゆるサイズの SVG と PNG を出力します。PNG の出力には、resvg、Inkscape、librsvg のいずれかが環境で利用可能である必要があります。
使用しない場合
- 色、書体、余白のガイドラインを含むブランドシステム全体をデザインする場合（既存ブランドのトークンを適用するには
brand-design-mdを使用してください） - PNG 出力ツール（resvg、Inkscape、librsvg）が利用できず、ラスター形式の出力が必要な場合
- 成果物が単体のマークではなく、マーケティングや製品の UI 全体である場合
コメント
Markdown 対応