feat: add shadcn/ui skill for AI-assisted component generation

オープン

#52 2026年3月25日に作成コメント 0 件リアクション 0 件担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度: 3/5
見積もり時間: 1〜2日
初心者へのやさしさ: 50/100

issue の種類: 機能追加
明瞭さ: おおむね明確
活発さ: 静か
技術スタック: tailwindcss
領域: frontend

調査の方向性

Start by checking the existing component setup and whether components.json is present. Review how the shadcn skill uses shadcn info --json, then add the skill so AI assistants receive the repository's framework, Tailwind, aliases, components, and icon-library context; done means detection and context injection work as described.

索引モデルが issue の本文から書いたものです。

説明

Summary

Add a shadcn/ui skill to give Claude Code (and other AI assistants) deep contextual knowledge of shadcn/ui components, patterns, and best practices when working in this repo.

What are shadcn skills?

Skills equip AI assistants with project-aware knowledge of shadcn/ui. They work by:

Project detection — activates automatically when components.json exists
Context injection — runs shadcn info --json to gather project config (framework, Tailwind version, aliases, installed components, icon library)
Pattern enforcement — the AI follows shadcn/ui composition rules when generating code

This enables natural language requests like:

"Add a login form with email and password fields"
"Create a settings page with profile update functionality"
"Build a dashboard with a sidebar, stats cards, and a data table"

Installation

pnpm dlx skills add shadcn/ui

Why

This project already uses Tailwind CSS and a component-based UI. Adding the shadcn skill would let AI assistants generate components that are consistent with shadcn/ui patterns, theming (CSS variables, OKLCH colors, dark mode), and the existing design system — reducing manual fixups after AI-generated code.

References

https://ui.shadcn.com/docs/skills

主要言語: TypeScript
スター: 1.6k
フォーク: 202
PR マージ指標: 30日以内にマージされた PR はありません

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
リポジトリをフォークし、ブランチを切って変更します。
issue 番号を参照したプルリクエストを送ります。

CopilotKit/OpenGenerativeUI のほかの issue

Script dedup key truncation may cause collisions オープン

bug

難易度 2/5 1〜3時間初心者へのやさしさ 72/100

CopilotKit/OpenGenerativeUI#37 · 2026年3月24日に作成
Deduplicate progressive rendering pattern between playbook and mechanical skill オープン

enhancement

難易度 2/5 1〜3時間初心者へのやさしさ 72/100

CopilotKit/OpenGenerativeUI#29 · 2026年3月23日に作成
Agent loop stops after first tool call with non-Claude models (GLM-5): generateSandboxedUi never invoked オープン

難易度 4/5 3〜5日初心者へのやさしさ 48/100

CopilotKit/OpenGenerativeUI#87 · コメント 2 件 · 2026年7月18日に作成
Replace custom widgetRenderer with CopilotKit Open Generative UI オープン

難易度 5/5 1週間以上初心者へのやさしさ 35/100

CopilotKit/OpenGenerativeUI#82 · 2026年4月30日に作成
Edit existing HTML instead of regenerating from scratch オープン

難易度 4/5 3〜5日初心者へのやさしさ 45/100

CopilotKit/OpenGenerativeUI#77 · 2026年4月6日に作成

CopilotKit/OpenGenerativeUI の issue をすべて見る

似ている issue

portal pins drifted from wallet main オープン

難易度 2/5 1〜3時間初心者へのやさしさ 72/100

0xMiden/bridge-portal#132 · 2026年9月21日に作成
Cloudflare scaffold recommends the keyless cloudflare/... model but never declares the AI binding it requires オープン

難易度 2/5 1〜3時間初心者へのやさしさ 78/100

withastro/flue#739 · 2026年9月21日に作成
getEcashRowColors throws on the default theme: buttonGradient is an array, blendHexColors expects a string オープン

難易度 2/5 1〜3時間初心者へのやさしさ 82/100

ZeusLN/zeus#4687 · 2026年9月21日に作成
Do not render a phantom EOF line in read output オープン

area:tools bug good first issue help wanted priority:P2

難易度 2/5 1〜3時間初心者へのやさしさ 90/100

TaewoooPark/Motifcode#14 · 2026年9月21日に作成
Antigravity CLI: PostToolUse hook misidentified as PreToolUse due to `toolCall` check, causing protojson error オープン

bug

難易度 2/5 1〜3時間初心者へのやさしさ 84/100

newrelic-experimental/preflight#793 · コメント 1 件 · 2026年9月21日に作成

TypeScript の issue をもっと見る