선호하는 구성요소 라이브러리를 사용하여 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