reusable-ui-components とは?
ネイティブファーストのデザイン、複合パターン、アクセシビリティを備えた再利用可能でポータブルな UI コンポーネントを作成するためのガイドライン ソース: evanbacon/crispy。
ネイティブファーストのデザイン、複合パターン、アクセシビリティを備えた再利用可能でポータブルな UI コンポーネントを作成するためのガイドライン
コマンドラインで reusable-ui-components AI スキルを開発環境にすばやくインストール
ソース: evanbacon/crispy。
This guide covers building production-quality, portable UI components inspired by shadcn/ui, Base UI, Radix, and Konsta UI. Components follow iOS San Francisco design guidelines with liquid glass aesthetics and prioritize native primitives with graceful fallbacks.
| shadcn/ui | Component structure, copy-paste architecture | | Radix UI | Compound component patterns, accessibility primitives | | Base UI | Headless component APIs, composition patterns | | Konsta UI | iOS liquid glass aesthetics, platform-adaptive styling |
Use compound components for complex, multi-element UI. This provides flexibility while maintaining cohesive behavior.
ネイティブファーストのデザイン、複合パターン、アクセシビリティを備えた再利用可能でポータブルな UI コンポーネントを作成するためのガイドライン ソース: evanbacon/crispy。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/evanbacon/crispy --skill reusable-ui-componentsネイティブファーストのデザイン、複合パターン、アクセシビリティを備えた再利用可能でポータブルな UI コンポーネントを作成するためのガイドライン ソース: evanbacon/crispy。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/evanbacon/crispy --skill reusable-ui-components インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/evanbacon/crispy