📦

shadcn

Name: shadcn
Author: shadcn-ui

コンテンツリビジョン r1 安全 🌐 ネットワークアクセス📁 ファイルシステムへのアクセス⚙️ 外部コマンド

Build and Maintain shadcn Interfaces

Shadcn projects require precise component, registry, preset, and styling decisions. This skill provides project-aware workflows for building and updating consistent interfaces.

対応: Claude Codex Code(CC)

📊 72 十分

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "shadcn" from https://skillstore.io/skills/shadcn-ui-shadcn.md and its manifest at https://skillstore.io/api/skills/shadcn-ui-shadcn/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/shadcn-ui-shadcn.md 署名済み manifest GET /api/skills/shadcn-ui-shadcn/manifest 署名済み lockfile GET /api/skills/shadcn-ui-shadcn/lockfile

テストする

「shadcn」を使用しています。 Add a settings dialog to this project.

期待される結果:

Project context identifies the framework, aliases, base library, and package manager.
The dialog is previewed before installation.
The final composition includes accessible title and description elements.

「shadcn」を使用しています。 Update the locally modified button component.

期待される結果:

The update report separates upstream changes from local modifications.
Compatible changes are merged without an unconditional overwrite.
Remaining conflicts are listed for user review.

「shadcn」を使用しています。 Switch only the project theme preset.

期待される結果:

The preset is inspected first, then only the theme is applied while components and fonts remain unchanged.

セキュリティ監査

安全

v1 • 2026/8/9 バージョン別レポートを開く

Review confirmed one high-severity risk: the skill automatically executes an unpinned `shadcn@latest` package during context injection. The other 131 findings are documentation syntax, example URLs, accessibility text, or relative links without dangerous behavior.

スキャンされたファイル

2,474

解析済み行数

レビュー項目

誤検知を無視

機能レビュー項目 (1)

これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。

高

SKILL.md:17-18

Ruby/shell backtick execution

!`npx shadcn@latest info --json`

The dynamic context directive executes `npx shadcn@latest info --json` when the skill loads. Using a moving package tag executes remotely supplied code without version pinning.

リスク要因

🌐 ネットワークアクセス (14)

cli.md:107 cli.md:174 cli.md:175 cli.md:178 cli.md:179 customization.md:80 mcp.md:92 mcp.md:94 registry.md:29 registry.md:31 registry.md:62 registry.md:64 registry.md:229 SKILL.md:265

📁 ファイルシステムへのアクセス (7)

cli.md:175 cli.md:179 mcp.md:22 mcp.md:22 rules/styling.md:3 rules/styling.md:60 rules/styling.md:105

⚙️ 外部コマンド (50)

監査者: codex

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/shadcn-ui-shadcn/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/shadcn-ui-shadcn/security.svg)](https://skillstore.io/skills/shadcn-ui-shadcn?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/shadcn-ui-shadcn?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/shadcn-ui-shadcn/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/shadcn-ui-shadcn.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学術引用 (APA · BibTeX · CFF)

APA形式の引用

shadcn-ui. (2026). shadcn security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/shadcn-ui-shadcn/audits/1

BibTeX形式の引用

@techreport{shadcn-ui-shadcn-ui-shadcn-2026,
  author = {shadcn-ui},
  title = {shadcn security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/shadcn-ui-shadcn/audits/1},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "shadcn security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "shadcn-ui"
date-released: "2026-08-09"
url: "https://skillstore.io/skills/shadcn-ui-shadcn/audits/1"
identifiers:
  - type: other
    value: "skillstore:shadcn-ui-shadcn:audit:1"
    description: "Skillstore immutable audit report identifier"

バリアントを比較

インストール可能なバリアント 2 件

各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。

このバリアントが首位の理由

Skillstore スコアが最高

作者 / ソース Skillstore スコア証拠の信頼度 Skillstore 利用状況更新済み

shadcn 推奨

shadcn-shadcn

Skillstore スコア 73

証拠の信頼度高

Skillstore 利用状況 11

更新済み

2026-09-09

shadcn-ui 現在

shadcn-ui-shadcn

Skillstore スコア 72

証拠の信頼度中

Skillstore 利用状況 2

更新済み

2026-09-09

Skillstore スコア

このスコアの理由証拠の信頼度: 中

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

Build a React interface

Select and compose shadcn components that match the current project configuration.

Maintain a component library

Preview upstream changes and preserve local modifications during component updates.

Publish a registry

Structure, build, and verify reusable registry items for downstream projects.

これらのプロンプトを試す

Add a component

Inspect this shadcn project, add a dialog component, and show which files changed.

Build an accessible form

Create an accessible account form using installed shadcn components and the project styling conventions.

Update without losing changes

Compare the installed button with upstream, preserve local changes, and apply only compatible updates.

Design a project registry

Review this registry structure, correct invalid includes and dependencies, then define a verification workflow.

ベストプラクティス

Inspect project context before selecting components or package commands.
Use dry runs and diffs before updating existing source files.
Review every third-party registry item before installation.

回避

Do not overwrite locally modified components without explicit approval.
Do not guess a registry when the user has not selected one.
Do not hardcode aliases, icon libraries, raw colors, or framework assumptions.

よくある質問

Does this skill install shadcn components?

It guides and runs supported shadcn CLI workflows when tool permissions and project context allow.

Can it update modified components?

Yes. It uses dry runs and file diffs to preserve local changes.

Does it support community registries?

Yes. Registry selection must be explicit, and added files should be reviewed.

Can it switch presets?

Yes. It supports overwrite, partial, merge, and configuration-only approaches after user selection.

Does it support Base UI and Radix?

Yes. It reads project context and adapts component patterns to the configured base.

Will it validate the finished interface?

It applies documented rules, but project tests, linting, and visual checks remain necessary.

開発者情報

作成者

shadcn-ui

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/shadcn-ui/ui/tree/6261bd89f72d794aea491482cc2acfd8dc3d63e2/skills/shadcn

参照

183f7af6c7e0d859be6c0e71dee4f4510c514605

メンテナンスの新しさ

2026/8/10

利用状況

0 ダウンロード · 0 閲覧

ファイル構成

📁 agents/

📄 openai.yml

📁 assets/

📄 shadcn-small.png

📄 shadcn.png

📄 cli.md

📄 customization.md

📁 evals/

📄 evals.json

📄 mcp.md

📄 registry.md

📁 rules/

📄 base-vs-radix.md

📄 chat.md

📄 composition.md

📄 forms.md

📄 icons.md

📄 styling.md

📄 SKILL.md

すべて表示

📦

styling-with-shadcn

Next.jsでshadcn/uiインターフェースを構築

作成者 Asmayaseen

Reactチームには、モダンなNext.jsで機能する一貫したUIパターンが必要です。このスキルは、shadcn/uiのセットアップガイダンス、コンポーネント例、フォームバリデーション、テーブル、サイドバー、ダークモードパターンを提供します。

コーディング＆開発表示

📦

senior-fullstack

シニアのガイダンスでフルスタックアプリを構築

作成者 alirezarezvani

フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。

コーディング＆開発表示

📦

vercel-react-view-transitions

React View Transitions を実装する

作成者 vercel-labs

React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。

コーディング＆開発表示

📦

react-dev

型安全なReactコンポーネントを構築

作成者 softaworks

React TypeScript の作業では、event、hook、route の正確な型が必要になることがよくあります。このスキルは、型付きcomponents、React 19 APIs、routing に焦点を当てたパターンを提供します。

コーディング＆開発表示

📦

senior-frontend

本番環境対応のフロントエンド機能を構築

作成者 davila7

フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。

コーディング＆開発表示

📦

nextjs-optimization

Next.js パフォーマンスの最適化

作成者 Atman36

Next.js アプリケーションは、大きなバンドル、弱いキャッシュ、最適化されていないメディアによって遅くなることがあります。このスキルは、Claude、Codex、Claude Code が本番アプリ向けに的を絞ったパフォーマンス改善を行えるよう支援します。

コーディング＆開発表示

shadcn

自分のエージェントでインストール

エージェントが読めるリソース

テストする

セキュリティ監査

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

バリアントを比較

Skillstore スコア

作成できるもの

Build a React interface

Maintain a component library

Publish a registry

これらのプロンプトを試す

ベストプラクティス

回避

よくある質問

開発者情報

関連スキル

styling-with-shadcn

senior-fullstack

vercel-react-view-transitions

react-dev

senior-frontend

nextjs-optimization