shadcn-ui について
shadcn-uiは、shadcn/uiで構造化されたアクセシブルなUIコンポーネントを作るエージェント向けスキルです。Stitchのデザインプロセスと組み合わせて使います。
主な機能
- 01shadcn/uiコンポーネントの作成
- 02UIコンポーネントの構造化
- 03アクセシブルなコンポーネント作成
- 04Stitchのデザインプロセスとの連携
活用シーン
- 01アクセシブルなUIコンポーネントの構築
- 02UI作業へのStitchデザインプロセスの適用
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ nexu-io/ open-design --skill shadcn-uiインストール後、Claude Code で/shadcn-uiを入力して読み込まれたか確認します。
詳細
shadcn-ui
Google Labs(Stitch)から厳選されています。
概要
shadcn/ui で UI コンポーネントを構築します。Stitch のデザインループと組み合わせることで、構造化され、アクセシブルなコンポーネントをすばやく提供できます。
ソース
- 上流リポジトリ:https://github.com/google-labs-code/skills
- カテゴリ:
design-systems
使用方法
このカタログエントリは、エージェントが計画中にこのスキルを見つけられるよう、OpenDesign で紹介しています。元のアセット、スクリプト、リファレンスを使って上流のワークフロー全体を実行するには、上流バンドルを現在使用中のエージェントのスキルディレクトリにインストールしてください。
# Inspect the upstream README for exact paths
open https://github.com/google-labs-code/skills
その後、このスキル名(shadcn-ui)を指定するか、このスキルのフロントマターに記載されているトリガーフレーズのいずれかを使って、エージェントにこのスキルを実行するよう依頼してください。
コメント
Markdown 対応