mcpField
S
shadcn-ui

shadcn-ui

github.com/nexu-ioデザイン・UI104.6k2.9k 回インストール1 日前に更新
リポジトリ

shadcn-ui について

shadcn-uiは、shadcn/uiで構造化されたアクセシブルなUIコンポーネントを作るエージェント向けスキルです。Stitchのデザインプロセスと組み合わせて使います。

主な機能

  1. 01shadcn/uiコンポーネントの作成
  2. 02UIコンポーネントの構造化
  3. 03アクセシブルなコンポーネント作成
  4. 04Stitchのデザインプロセスとの連携

活用シーン

  1. 01アクセシブルなUIコンポーネントの構築
  2. 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 のデザインループと組み合わせることで、構造化され、アクセシブルなコンポーネントをすばやく提供できます。

ソース

使用方法

このカタログエントリは、エージェントが計画中にこのスキルを見つけられるよう、OpenDesign で紹介しています。元のアセット、スクリプト、リファレンスを使って上流のワークフロー全体を実行するには、上流バンドルを現在使用中のエージェントのスキルディレクトリにインストールしてください。

# Inspect the upstream README for exact paths
open https://github.com/google-labs-code/skills

その後、このスキル名(shadcn-ui)を指定するか、このスキルのフロントマターに記載されているトリガーフレーズのいずれかを使って、エージェントにこのスキルを実行するよう依頼してください。

コメント