mcpField
G
github-repo-cards

github-repo-cards

github.com/ob-labsデザイン・UI20249 回インストール3 週間前に更新
リポジトリ

github-repo-cards について

GitHub Repo Cards は、リポジトリやトレンドプロジェクトのSVGカードを生成し、PNGに変換するスキルです。リポジトリ情報、活動状況、貢献者のデータをカードにまとめ、トレンド一覧も作成できます。

主な機能

  1. 01リポジトリ情報カードの生成
  2. 02トレンドリポジトリ一覧カード
  3. 03スター数とコミット活動のグラフ
  4. 04主な貢献者の概要
  5. 05SVG描画とPNG変換

活用シーン

  1. 01リポジトリの概要画像の作成
  2. 02言語別トレンドプロジェクトの紹介
  3. 03貢献者と活動状況の共有

インストール

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

$npx skills add https://github.com/ob-labs/agentseek --skill github-repo-cards

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

同梱ファイルscripts/gh_repo_card.pyscripts/gh_trending_card.py

詳細

GitHub リポジトリカード

リポジトリやトレンドプロジェクト向けに、美しい GitHub 風の SVG カード画像を生成し、PNG に変換します。

機能

  1. リポジトリカード — <org>/<repo> を指定すると、以下を表示するカードを生成します。

    • 基本情報(名前、説明、言語、ライセンス)
    • スター数とコミットアクティビティのスパークライン
    • 上位 N 人のコントリビューター(アバターとコミット数)
    • カスタマイズ可能な「分析」テキストブロック
  2. トレンドカード — 今日のトレンドリポジトリを取得し、以下を含むリストカードを生成します。

    • リポジトリ名、説明、言語バッジ
    • スター数/フォーク数
    • 最近のコミットアクティビティのスパークライン(ミニ棒グラフ)

ワークフロー

リポジトリカードを生成する
uv run scripts/gh_repo_card.py <org>/<repo> [--top-n 5] [--analysis "Your analysis text here"] [--output card.svg]

スクリプトのパスは、このスキルディレクトリからの相対パスです。 skills/github-repo-cards/scripts/gh_repo_card.py

このスクリプトは以下を実行します。

  1. gh を呼び出して、リポジトリのメタデータ、スターゲイザー数、コミットアクティビティ、上位コントリビューターを取得します。
  2. すべての情報を含む SVG カードを描画します。
  3. rsvg-convert を使用して SVG を PNG に変換します(使用できない場合は ImageMagick の convert にフォールバックします)。
トレンドカードを生成する
uv run scripts/gh_trending_card.py [--language python] [--since daily] [--limit 10] [--output trending.svg]

スクリプトのパスは、このスキルディレクトリからの相対パスです。scripts/gh_trending_card.py

このスクリプトは以下を実行します。

  1. GitHub のトレンドページをスクレイピングします(または、最近のスター数で並べ替えた gh api 検索を使用します)。
  2. 複数行の SVG リストカードを描画します。
  3. PNG に変換します。

出力

SVG ファイルと PNG ファイルは、現在の作業ディレクトリ(または --output で指定したパス)に書き込まれます。PNG ファイルのベース名は SVG ファイルと同じです。

要件

  • gh CLI で認証済みであること(gh auth status)
  • SVG から PNG への変換に rsvg-convert(librsvg)または ImageMagick の convert を使用できること
  • Python ≥ 3.12。uv run で実行(PEP 723 インラインメタデータ)

コメント