create-element
✓tryelements.dev レジストリの新しい UI 要素を作成します。次の場合に使用します: (1) 新しい UI コンポーネント (ボタン、入力、カード) を追加する、(2) 統合コンポーネント (Clerk、Stripe、Uploadthing) を構築する、(3) テーマ関連の要素を作成する、(4) 任意の shadcn スタイルのレジストリ コンポーネント。重要: バリエーションのあるロゴコンポーネント (アイコン/ワードマーク/ロゴ + ダーク/ライト) の場合は、代わりに logo-with-variants スキルを使用してください。このスキルには、スキャフォールディング、レジストリ スキーマ、およびコンポーネント パターンが含まれます。実装する前に、常に Context7 MCP を使用して最新の依存関係ドキュメントを取得してください。
SKILL.md
Before implementing any component with external dependencies, fetch the latest documentation:
| radix-ui | Primitives (Dialog, Dropdown, Tabs, Select) | | next-themes | Theme provider, useTheme hook, hydration | | cmdk | Command palette patterns | | class-variance-authority | CVA variant patterns | | embla-carousel-react | Carousel implementation | | lucide-react | Icon usage patterns |
| registry:ui | button, card, input | Base UI primitives | | registry:block | theme-switcher, polar-checkout | Feature-complete blocks | | registry:example | button-demo | Usage examples |
tryelements.dev レジストリの新しい UI 要素を作成します。次の場合に使用します: (1) 新しい UI コンポーネント (ボタン、入力、カード) を追加する、(2) 統合コンポーネント (Clerk、Stripe、Uploadthing) を構築する、(3) テーマ関連の要素を作成する、(4) 任意の shadcn スタイルのレジストリ コンポーネント。重要: バリエーションのあるロゴコンポーネント (アイコン/ワードマーク/ロゴ + ダーク/ライト) の場合は、代わりに logo-with-variants スキルを使用してください。このスキルには、スキャフォールディング、レジストリ スキーマ、およびコンポーネント パターンが含まれます。実装する前に、常に Context7 MCP を使用して最新の依存関係ドキュメントを取得してください。 ソース: crafter-station/elements。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/crafter-station/elements --skill create-element- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
create-element とは？
tryelements.dev レジストリの新しい UI 要素を作成します。次の場合に使用します: (1) 新しい UI コンポーネント (ボタン、入力、カード) を追加する、(2) 統合コンポーネント (Clerk、Stripe、Uploadthing) を構築する、(3) テーマ関連の要素を作成する、(4) 任意の shadcn スタイルのレジストリ コンポーネント。重要: バリエーションのあるロゴコンポーネント (アイコン/ワードマーク/ロゴ + ダーク/ライト) の場合は、代わりに logo-with-variants スキルを使用してください。このスキルには、スキャフォールディング、レジストリ スキーマ、およびコンポーネント パターンが含まれます。実装する前に、常に Context7 MCP を使用して最新の依存関係ドキュメントを取得してください。 ソース: crafter-station/elements。
create-element のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/crafter-station/elements --skill create-element インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/crafter-station/elements