claude

shadcn-ui

shadcn/ui コンポーネントとブロックを追加するスキル。components.json 初期化 → add → import + 使用例提示まで一気通貫。init/add はネットワーク必須で、サンドボックスでは承認(escalation)が要る。

0 on GitHubby vercel-aiagent-coding-skillv0.2.0updated 4 months agoui
/

Plugin shadcn-ui from marketplace vercel-aiagent-coding-skill in dentsu-fde/vercel-aiagent-coding-skill. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (1)

  • shadcn-ui

    shadcn/ui のコンポーネントやブロックを追加するときに起動するスキル。「ボタン作って」「フォーム作って」「ダッシュボード組んで」「サイドバー追加」「テーブル追加」「ログイン画面作って」「shadcn 入れて」「shadcn 追加」「データテーブル作って」「カード作って」「ダイアログ追加」「shadcn 初期化」「components.json が無い」「レスポンシブにして」「スマホ対応」「タブレット対応」などのキーワードでトリガする。`components.json` の有無を確認 → 必要なら init → **画面に出す要素を全部棚卸しして必要 component を確定** →

View source on GitHub

More from dentsu-fde/vercel-aiagent-coding-skill

All 11 plugins →

Vercel AI SDK (プロバイダ非依存) でアプリに AI 機能 (chat / agent / structured / RAG) を実装。AI Gateway 経由で Anthropic / OpenAI / Google / xAI を env 1 つで切替。プロンプトインジェクション対策・入力長制限つき。

1 skill · 1 command

0

顧客理解を構造化するスキル。ペルソナとカスタマージャーニー(段階ごとの行動・思考・感情・タッチポイント・ペイン・機会)を設計し、各タッチポイントを画面/導線へ接続して docs/design/cx-journey.md に出力。顧客体験(CX)の起点。

1 skill · 1 command

0

プロトを 3 レンズ (UI/UX 品質 8 軸 / 顧客体験 CX = ジャーニー一貫性・初回体験・マイクロコピー / ピッチ・事業 = CMO/CTO/CD) でレビューし、致命的/重要/望ましいで分類して具体的修正案を添える。

1 skill · 1 command

0

kickoff

claude

作成・ビルド依頼の司令塔。即着手せず、要件確認→プラン承認→体験フロー各ステージへの受け渡し→dev 作業→プレビュー URL 出力を束ねる(/start)。承認は自律モードでも省略しない(『とりあえず』は詳細質問のみ省く)。

1 skill · 1 command

0

新規プロトの立ち上げを一気通貫で実行。リポジトリ起点の作成(テンプレ展開 or 不足補完)→ Vercel project 作成・Secrets → Next.js 16 + Tailwind v4 + shadcn スタック整備 → 初回 Draft PR まで。

1 skill · 1 command

0

アプリの画面設計を一気通貫で行うスキル。導線・画面一覧・状態遷移(全体、Mermaid)から、各画面の目的・表示項目・操作・バリデーションと loading/empty/error/success/permission/disabled の全状態(画面ごと)までを docs/design/ に出力する。

1 skill · 1 command

0

Similar plugins

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Agentic browser automation with Playwright for testing, scraping, and UI interaction

10 skills · 1 command · 1 agent

ruvnet/ruflo 81,589

Maintain shadcn-ui?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins11 plugins