shadcnblocks skill
Give Claude Code expert knowledge of 2,500+ shadcn/ui blocks and components. This skill lets Claude intelligently select, install, and compose pre-built UI sections — from landing pages to dashboards to ecommerce flows — so you describe what you want and it picks the right pieces.
供給アセットの概要
デザインとクリエイティブ制作
Design assets, images, video, audio, multimodal media, presentation, and creative production skills.
シナリオ
デザインとクリエイティブ
I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Agent 適合
Claude Code + CLI + Codex
Codex、Claude Code、Cursor、CLI、またはカスタム Agent に対応します。
インストール
準備完了
npx skills add masonjames/shadcnblocks-skill
メンテナンス
新しい
最終プッシュから 4 日
リスク
要レビュー
Manual curator approval: useful shadcn UI workflow. Adoption signal is still low; review generated UI and dependencies.
GitHub 品質
17
65/100 品質 · 71/100 信頼
対象タグ
レビュー注記
Manual curator approval: useful shadcn UI workflow. Adoption signal is still low; review generated UI and dependencies. · Low GitHub adoption signal
Agent 導入スコアカード
信頼、監査、インストール準備状況を一目で確認
公開リポジトリのメタデータ、OpenAgentSkill のレビューシグナル、保守の鮮度、インストール準備状況を組み合わせたスコアです。候補選定の目安であり、人によるレビューの代替ではありません。
品質
有望有用な候補ですが、採用前に代替と比較してください。
信頼
サンドボックス限定信頼シグナルが不足または混在する有用な候補です。結果ループがタスク適合を示すまで、隔離されたワークスペースで使用してください。
監査
要レビューインストール準備、安全メタデータ、保守、採用リスクの機械可読なレビュー。
OpenAgentSkill Trust Score v5
インストール前に人のレビュー
実作業で使う前に、サンドボックスでのみ実行し、近い代替と比較してください。
スター
GitHub スター 17
リポジトリ活動
スター 17、フォーク 0
メンテナンス
最終プッシュから 4 日
ライセンス
MIT
インストール
npx skills add masonjames/shadcnblocks-skill
インストール安全性
標準パッケージまたはランタイムのインストールパス
権限範囲
Shell またはコマンド実行
Agent の成果
Agent の成果データはまだありません
ドキュメント
README/SKILL.md の文脈が十分です
リスク概要
本番前にレビュー
- Manual curator approval: useful shadcn UI workflow. Adoption signal is still low; review generated UI and dependencies.
- Low GitHub adoption signal
- Quality score needs review
- GitHub adoption: 17 GitHub stars
インストール準備状況
インストールパスを利用可能
- インストールパスを利用できます
- リポジトリの根拠を利用できます
- ライセンスが明示されています
- Agent-Proven の成果エビデンスはまだありません
Agent 可読メタデータ
このスキルの機械可読な判断データ。
このブロックまたは埋め込み JSON を使い、Agent がこのスキルをインストールすべきか、代替を選ぶべきか、先に人のレビューを求めるべきかを判断できます。
適したタスク
- GitHub automation ワークフロー
- Claude Code チーム
- builders willing to evaluate younger projects
- Inspect repository metadata
適した Agent
インストール判断
- コマンド
- npx skills add masonjames/shadcnblocks-skill
- ポリシー
- レビュー
- 人によるレビュー
- はい
信頼とリスク
- 信頼
- 63/100
- 監査
- 77/100
- リスクレベル
- 要レビュー
成果ループ
- エンドポイント
- /api/agent/outcome
- イベント ID
- resolve
- 成果
- 5
使わない場合
- ベンダー提供の SLA が必要なチーム
- production agents without a repository review
- Low GitHub adoption signal
- Manual curator approval: useful shadcn UI workflow. Adoption signal is still low; review generated UI and dependencies.
- 高リスク権限のヒント: Shell またはコマンド実行
代替スキル
Frontend Design
170.9K スター
npx skills add anthropics/skills --skill frontend-design
代替スキル
Taste Skill: Anti-Slop Frontend
79.0K スター
npx skills add Leonxlnx/taste-skill --skill design-taste-frontend
代替スキル
Canvas Design
170.9K スター
npx skills add anthropics/skills --skill canvas-design
代替スキル
Anthropic Brand Guidelines
170.9K スター
npx skills add anthropics/skills --skill brand-guidelines
Agent セーフティ v2
53/100 · 自動インストールを避ける
Sparse or mixed signals. Useful for discovery, but not for autonomous installation.
Test manually in an isolated workspace and compare against safer alternatives.
高
Shell またはコマンド実行
Skill メタデータに端末、CLI、Shell、サブプロセス、またはコマンド実行のワークフローが含まれます。
中
ネットワークアクセス
Skill はリモートページ、API、リポジトリ、外部サービスにアクセスする可能性があります。
- 高リスク権限のヒント: Shell またはコマンド実行
- Manual curator approval: useful shadcn UI workflow. Adoption signal is still low; review generated UI and dependencies.
インストール先
Agent ワークフローにこのスキルをインストール
公開インストールエンドポイントからコマンド、安全チェックリスト、対象プロンプト、正規リンクを取得します。
OpenAgentSkill CLI
Resolve policy, run the source installer safely, and report a verified install receipt.
$ npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install masonjames-shadcnblocks-skillAgent 解決プラン
インストール前に Agent に適合性を検証させます。
Resolve API は第一候補、代替、安全ポリシー、監査メモ、インストール先、Agent がそのまま使えるプロンプトを返します。
JSON を開く
/api/agent/resolve?task=Use%20shadcnblocks%20skill%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve テキスト
/api/agent/resolve?task=Use%20shadcnblocks%20skill%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
インストール引き継ぎ
/api/skills/masonjames-shadcnblocks-skill/install
Agent が確認すべきこと
- Resolve API でタスク適合と代替を確認。
- 監査・信頼スコアと安全ポリシーの警告を確認。
- Codex、Claude Code、Cursor、CLI のインストール先互換性を確認。
プロンプトをコピー
Task: Use shadcnblocks skill in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20shadcnblocks%20skill%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/masonjames-shadcnblocks-skill/install
Install command: npx skills add masonjames/shadcnblocks-skill
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent 引き継ぎ
別のディレクトリではなく、インストール経路を Agent に渡します。
公開インストールエンドポイントからコマンド、安全チェックリスト、対象プロンプト、正規リンクを取得します。
インストール引き継ぎ
/api/skills/masonjames-shadcnblocks-skill/install
LLM テキスト形式
/api/skills/masonjames-shadcnblocks-skill/install?format=text
代替を探す
/api/skills/search?q=shadcnblocks%20skill&limit=3
Agent プロンプト
Use shadcnblocks skill for this task. Review https://www.openagentskill.com/api/skills/masonjames-shadcnblocks-skill/install, then install with: npx skills add masonjames/shadcnblocks-skillRegistry メタデータ
自動スキル選択用の Agent 可読プロファイル。
Registry API 経由で判断、信頼、監査、ユースケース、インストールのシグナルを提供し、UI をスクレイピングせずに Agent が順位付けできます。
Manifest
/api/registry/manifest/masonjames-shadcnblocks-skill
LLM テキスト
/api/registry/manifest/masonjames-shadcnblocks-skill?format=text
インストール別名
/api/registry/install/masonjames-shadcnblocks-skill
推奨
/api/registry/recommend?task=Use%20shadcnblocks%20skill%20in%20an%20agent%20workflow&limit=3
Agent 適合
GitHub automation
プラットフォーム
Claude Code
Agent 判断パネル
Fallback candidate for GitHub automation
まずこのスキルでプロトタイプを作り、代替候補を用意してください。
スタック内の役割
代替候補
主な適合
GitHub automation
信頼ラベル
まずプロトタイプ
インストールパス
コマンド準備済み
使う場面
- GitHub automation ワークフロー
- Claude Code チーム
- builders willing to evaluate younger projects
根拠
- 最近のリポジトリ活動
- インストールコマンドまたは GitHub リポジトリが利用可能
- 品質プロファイル 65/100
- OpenAgentSkill エンゲージメント 14 件
先にレビュー
- Low GitHub adoption signal
- Manual curator approval: useful shadcn UI workflow. Adoption signal is still low; review generated UI and dependencies.
実装パス
- 1サンドボックスの Agent にインストールし、GitHub automation タスクを一度最初から最後まで実行します。
- 2Compare output quality, latency, and failure behavior against at least one alternative.
- 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.
信頼プロファイル
サンドボックス限定
信頼シグナルが不足または混在する有用な候補です。結果ループがタスク適合を示すまで、隔離されたワークスペースで使用してください。
GitHub 採用度
修正GitHub スター 17
スター／フォーク活動
修正スター 17、フォーク 0; 現在のメタデータでは Issue 活動を利用できません
最近のメンテナンス
合格最終プッシュから 4 日
ライセンスの明確さ
合格MIT
良いシグナル
- AI レビュー承認済み
- インストールパスを利用できます
- リポジトリの根拠を利用できます
- 最近保守されたリポジトリ
- インストールコマンドに明確な高リスクパターンはありません
- 成果ループは準備済みですが、最初の実行が必要です
インストール前にレビュー
- Manual curator approval: useful shadcn UI workflow. Adoption signal is still low; review generated UI and dependencies.
- Low GitHub adoption signal
- Quality score needs review
- GitHub adoption: 17 GitHub stars
- Stars/forks activity: 17 stars, 0 forks; issue activity unavailable in current metadata
- 実際の Agent 成果レポートはまだありません
- 無人インストールの前に人によるレビューが必要です
推奨アクション
実作業で使う前に、サンドボックスでのみ実行し、近い代替と比較してください。
品質プロファイル
有望 Agent ワークフロー向けの候補
有用な候補ですが、採用前に代替と比較してください。
ワークフロー適合
このスキルを使うシナリオ
Manage repositories
GitHub automation
I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.
Build and ship code
Coding agents
I need a coding agent that can understand a repository, edit code, and review pull requests.
Search private knowledge
RAG and knowledge
I need my agent to build a RAG workflow over documents and retrieve reliable context.
ワークフロー適合
完全なワークフローに追加
Design, build, test, and ship interfaces
Frontend and UI
A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.
Inspect, patch, and verify code
Coding review agent
A workflow for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.
Ingest, retrieve, and cite
RAG knowledge base
A workflow for document-heavy agents that ingest files, create searchable knowledge, retrieve relevant context, and answer with grounded sources.
代替候補
インストール前に比較
このタスクに適する可能性のある類似スキル。
Frontend Design
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
Taste Skill: Anti-Slop Frontend
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
Canvas Design
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
Anthropic Brand Guidelines
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
概要
# Shadcn UI & Blocks — Claude Code Plugin
A [Claude Code](https://docs.anthropic.com/en/docs/claude-code) skill that gives Claude deep knowledge of **1,338 blocks** and **1,189 components** from [ShadcnBlocks](https://shadcnblocks.com/), built on [shadcn/ui](https://ui.shadcn.com/) and Tailwind CSS.
When activated, Claude can intelligently select the right pre-built UI block or component for any frontend task — from landing page hero sections to dashboard data tables to ecommerce checkout flows — then handle setup and installation automatically.
## What is a Claude Code Skill?
Skills are reusable instructions that extend Claude Code's capabilities. They activate automatically based on what you're doing (e.g., building a frontend) and give Claude domain-specific knowledge and workflows. Learn more in the [Claude Code documentation](https://docs.anthropic.com/en/docs/claude-code).
## Installation
Install as a Claude Code plugin from GitHub:
```bash claude plugin marketplace add ma
技術詳細
- バージョン
- 1.0.0
- ライセンス
- MIT
- 最終更新
- 2026年8月18日
- 公開日
- 2026年6月22日
判断の要約
代替候補
最近のリポジトリ活動
Agent 実証エビデンス
Agent 実証エビデンス
Resolve、レビュー、インストール、限定実行後の成果レポート。
- 成功率
- —
- 直近の失敗
- —
- 成果
- 0
- 出力品質
- —
- 失敗
- 0
- 非該当
- 0
- インストール数
- 0
- リスクによりブロック
- 0
- 設定が必要
- 0
- 本番
- 0
Agent の実行結果はまだありません。最初の実行では /api/agent/outcome を通じて成功、設定要件、リスクによるブロック、失敗、非該当を報告できます。
成長ループ
共有キット
shadcnblocks skill 用のシナリオベース草案です。X へ手動投稿できます。
A practical pick for design or creative work: shadcnblocks skill: Give Claude Code expert knowledge of 2,500+ shadcn/ui blocks and components. This skill lets Claude intelligently select, i... 17 stars https://www.openagentskill.com/skills/masonjames-shadcnblocks-skill?ref=x
任意：インストールコマンド付きの返信
Listing + install path for shadcnblocks skill: https://www.openagentskill.com/skills/masonjames-shadcnblocks-skill?ref=x Install: npx skills add masonjames/shadcnblocks-skill
掲載元
Agent 投稿
この掲載は公開ソースから登録されており、メンテナー申請が承認されるまで公式として表示されません。
- 作成者
- masonjames
- インデックス作成者
- OpenAgentSkill コミュニティインデックス
帰属は公開リポジトリまたは作成者プロフィールにリンクされています。作成者は掲載を申請して所有権シグナルを更新できます。
このスキルを申請所有者の申請
このスキル掲載を申請
この Agent 投稿 掲載は masonjames に帰属していますが、まだ公式として表示されていません。申請すると、確認済み所有者シグナルが追加され、今後の公開、インストール、監査更新の信頼性が高まります。
クリエイター被リンクキット
README にエビデンスバッジを追加
開発者がリポジトリを評価する場所で、正規掲載、現在の信頼・監査シグナル、実際の Agent-Proven エビデンスを表示します。
[](https://www.openagentskill.com/skills/masonjames-shadcnblocks-skill)
[](https://www.openagentskill.com/skills/masonjames-shadcnblocks-skill)
[](https://www.openagentskill.com/skills/masonjames-shadcnblocks-skill/audit)
[](https://www.openagentskill.com/skills/masonjames-shadcnblocks-skill)作者
masonjames
@masonjames
プラットフォーム適合
健全性シグナル
- GitHub スター
- 17
- 品質スコア
- 38/100
- 最終 GitHub プッシュ
- 不明
- フレームワークのヒント
- 不明
- OpenAgentSkill 閲覧数
- 8
- インストールコピー数
- 0
- 外部クリック
- 0
コミュニティシグナル
このスキルが Agent ワークフローに役立つかを共有してください。集約されたフィードバックがランキングを改善します。
信頼と安全性
サンドボックス限定
- GitHub 採用度GitHub スター 17修正
- スター／フォーク活動スター 17、フォーク 0; 現在のメタデータでは Issue 活動を利用できません修正
- 最近のメンテナンス最終プッシュから 4 日合格
- ライセンスの明確さMIT合格
- README/SKILL.md の完全性メタデータには十分な利用・ワークフロー文脈があります合格
- 依存関係／ランタイムのリスクコマンド実行範囲情報
関連スキル
Frontend Design
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
170.9K スターTaste Skill: Anti-Slop Frontend
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
79.0K スターCanvas Design
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
170.9K スターAnthropic Brand Guidelines
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
170.9K スター