mcpField
S
svg-icon-generator

svg-icon-generator

github.com/jeremylongshoreデザイン・UI2.9k1.3k 回インストール2 日前に更新
リポジトリ

svg-icon-generator について

svg-icon-generator は、SVG アイコン生成に関するビジュアルコンテンツ作業を支援するスキルです。手順の案内、コードや設定の生成、一般的な基準に沿った出力検証を行います。

主な機能

  1. 01SVG の手順を案内
  2. 02コードと設定を生成
  3. 03一般的な基準に沿って出力を検証

活用シーン

  1. 01SVG アイコン生成の案内を得る
  2. 02ビジュアルコンテンツ作業の設定を作成

インストール

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

$npx skills add https://github.com/jeremylongshore/tons-of-skills-marketplace --skill svg-icon-generator

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

詳細

SVG アイコンジェネレーター

概要

このスキルは、ビジュアルコンテンツ分野における SVG アイコンジェネレーターのタスクを自動的に支援します。

使用するタイミング

次の場合、このスキルが自動的に有効になります。

  • リクエストで「svg icon generator」と言及した場合
  • svg icon generator のパターンやベストプラクティスについて尋ねた場合
  • 図、チャート、プレゼンテーション、ビジュアルドキュメントツールを扱うビジュアルコンテンツ関連のスキルについて支援が必要な場合

手順

  1. svg icon generator の手順を段階的に案内します
  2. 業界のベストプラクティスとパターンに従います
  3. 本番環境ですぐに使えるコードと設定を生成します
  4. 一般的な標準に照らして出力を検証します

例

例:基本的な使い方 リクエスト:「svg icon generator を手伝ってください」 結果:手順を段階的に案内し、適切な設定を生成します

前提条件

  • 関連する開発環境が設定されていること
  • 必要なツールやサービスにアクセスできること
  • ビジュアルコンテンツの概念について基本的な理解があること

出力

  • 生成された設定とコード
  • ベストプラクティスに関する推奨事項
  • 検証結果

エラー処理

エラー原因解決策
設定が無効必須フィールドが不足しています必須パラメーターについてドキュメントを確認してください
ツールが見つかりません依存関係がインストールされていません前提条件に従って必要なツールをインストールしてください
アクセスが拒否されましたアクセス権限が不足しています認証情報と権限を確認してください

リソース

  • 関連ツールの公式ドキュメント
  • ベストプラクティスガイド
  • コミュニティの例とチュートリアル

関連スキル

Visual Content スキルカテゴリーの一部です。 タグ:図、mermaid、チャート、可視化、プレゼンテーション

コメント