mcpField
T
tech-logos

tech-logos

github.com/pedronauckデザイン・UI644246 回インストール1 週間前に更新
リポジトリ

tech-logos について

tech-logosは、リポジトリ内でテクノロジーブランドのロゴを探し、追加するスキルです。既存の公開エクスポートを優先し、プロジェクトのアセットやコンポーネントの規約に従います。

主な機能

  1. 01既存のロゴ一覧を確認
  2. 02不足するロゴの公式素材を使用
  3. 03出典情報とアクセシビリティを維持
  4. 04共有エクスポートと関連ストーリーを更新

活用シーン

  1. 01プロジェクト内の既存ロゴを再利用
  2. 02不足するブランドロゴを共有ディレクトリに追加

インストール

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

$npx skills add https://github.com/pedronauck/skills --skill tech-logos

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

詳細

Tech Logos

新たに取得またはインストールする前に、リポジトリに既存の公式ブランドアセットがないか確認してください。ロゴのインデックスとコンポーネントの実際の props を確認し、すべてのロゴが variant や mode に対応していると決めつけないでください。

  1. 既存の一覧からロゴを探し、その一覧の公開エクスポートを通じてインポートします。
  2. 見つからない場合は、信頼できるブランドアセットと、プロジェクトで確立されている SVG/コンポーネントのパターンを使用します。出典、ブランドの形状、アクセシブルなラベル付け、適切なライト/ダーク表示を維持してください。
  3. 共有ロゴディレクトリと公開エクスポートには、依頼されたアセットのみを追加します。新たに対応する状態を示す場合は、関連するストーリーを拡張します。すべてのブランドをまとめたバンドルや、アプリ内で重複するロゴは追加しないでください。
  4. タスクで指定されている場合、またはプロジェクトですでに採用している場合に限り、Elements などの外部レジストリを使用します。提案されたファイルを確認し、リポジトリのパッケージマネージャーを使用してください。ロゴが見つからなくても、サードパーティに問題を報告する必要はありません。

コメント