優先コンポーネント ライブラリを使用して、Docyrus React アプリケーション用の実稼働グレードの UI コンポーネントを設計および構築します。ダッシュボード、フォーム、データ テーブル、レイアウト、または任意の UI 要素を作成するときに使用します。コンポーネントの選択、UI 設計、ダッシュボードの作成、レイアウト設計、shadcn、diceui、animate-ui、docyrus-ui、reui コンポーネント、またはユーザー インターフェイスの構築リクエストを含むタスクをトリガーします。
コマンドラインで docyrus-app-ui-design AI スキルを開発環境にすばやくインストール
ソース: docyrus/agent-skills。
Build polished, accessible UI components for Docyrus React applications using a curated set of 127+ pre-built components from shadcn, diceui, animate-ui, docyrus-ui, and reui libraries.
| Dashboard cards | AwesomeCard | docyrus | | App navigation | Sidebar | animate-ui | | Data tables | DataTable | diceui | | Editable grids | Data Grid | docyrus | | Forms | Form Fields | docyrus | | File upload | File Upload | diceui | | Charts | Chart + Recharts | shadcn | | Dialogs | Responsive Dialog | diceui |
| Date picker | Date Time Picker | docyrus | | Color picker | Color Picker | diceui | | Kanban board | Kanban | diceui | | Timeline | Timeline | diceui | | Rating | Rating | diceui |
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/docyrus/agent-skills --skill docyrus-app-ui-design優先コンポーネント ライブラリを使用して、Docyrus React アプリケーション用の実稼働グレードの UI コンポーネントを設計および構築します。ダッシュボード、フォーム、データ テーブル、レイアウト、または任意の UI 要素を作成するときに使用します。コンポーネントの選択、UI 設計、ダッシュボードの作成、レイアウト設計、shadcn、diceui、animate-ui、docyrus-ui、reui コンポーネント、またはユーザー インターフェイスの構築リクエストを含むタスクをトリガーします。 ソース: docyrus/agent-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/docyrus/agent-skills --skill docyrus-app-ui-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/docyrus/agent-skills