JC

jal-co/shieldcn

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

939 stars 品質 71 トレンド 43MIT

美しいREADMEバッジは shields.io にインスパイアされ、shadcnやui風にデザインされています。

概要

誰かがあなたのドキュメントにたどり着く前に、READMEにたどり着きます。これはすべてのオープンソースプロジェクトの玄関口です。第一印象を強くします:バッジ、チャート、ヘッダー、スポンサーウォールなど、本物のSHADCN/UIコンポーネントとして描かれています。shields.io 代替手段です。 任意のREADMEにバッジを入力すると、実際のshadcnボタンとして表示されます。 skills.sh のshieldcnバッジスキルをインストールして、コーディングエージェントがREADMEにshieldcnバッジ、チャート、ヘッダーを追加できるようにします: プロンプトの例や選択肢についてはskills/shieldcn-badges/SKILL.mdをご覧ください。 GitHub Actionによってレンダリングされた — GitHubのstargazers API制限を生き延びた星のチャートで、shieldcn[bot]によって毎日更新されています。リポジトリに追加してください: MIT ·ジャスティン・レビンによる構築 ·寄稿

概要(AI 翻訳)

誰かがあなたのドキュメントにたどり着く前に、彼らはすべてのオープンソースプロジェクトの正面玄関であるREADMEにたどり着きます。shieldcnは第一印象を重要にします:バッジ、チャート、ヘッダー、スポンサーウォールを、実際のshadcn/UIコンポーネントとして表現します。shields.io 代替手段です。

ホームページ ·ドキュメント ·スタジオ ·𝕏

使用法

任意のREADMEにバッジを入力すると、実際のshadcnボタンとして表示されます。

エージェントスキル

skills.sh のshieldcn-badgesスキルをインストールして、 コーディングエージェントはREADMEにSHIELDCNバッジ、チャート、ヘッダーを追加できます:

skills/shieldcn-badges/SKILL.md については プロンプトの例や選択肢。

星の歴史

ホストされた星のチャートは、GitHubのプライバシー保護の週次履歴APIを使用しています。埋め込み https://shieldcn.dev/chart/github/stars/{owner}/{repo}.svgは一般の人々に対して リポジトリ、または同じパスで.pngと.jsonを使用します。

ライト/ダークのSVGペアをリポジトリにコミットするには、shieldcn starchartを使ってください。 GitHubのアクション:

PRモードにはcontents: write、pull-requests: write、および以下の許可が必要です。 リポジトリ設定でプルリクエストを作成するアクション。

GitHub Action docs → · アクションリファレンス

スポンサー

寄稿者

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

Usage

Drop a badge into any README and it renders as a real shadcn Button.

![npm](https://shieldcn.dev/npm/react.svg)
GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add jal-co/shieldcn
MCP 初心者?mcpskill.org のガイドから始めましょう →