JC

jal-co/shieldcn

开发工具

本页由 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星象观赏者API限制下幸存下来的星形图,由shieldcn[bot]每日更新。将其添加到你的仓库中: 麻省理工学院 ·由贾斯汀·莱文制作 ·贡献

概述(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 文档 → · 行动参考

赞助商

贡献者

本页由 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
新手?先看 mcpskill.org 教程 →