·docyrus-app-ui-design
*

docyrus-app-ui-design

Design and build production-grade UI components for Docyrus React applications using preferred component libraries. Use when creating dashboards, forms, data tables, layouts, or any UI elements. Triggers on tasks involving component selection, UI design, dashboard creation, layout design, shadcn, diceui, animate-ui, docyrus-ui, reui components, or requests to build user interfaces.

45Installs·1Trend·@docyrus

Installation

$npx skills add https://github.com/docyrus/agent-skills --skill docyrus-app-ui-design

How to Install docyrus-app-ui-design

Quickly install docyrus-app-ui-design AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/docyrus/agent-skills --skill docyrus-app-ui-design
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: docyrus/agent-skills.

SKILL.md

View raw

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 |

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/docyrus/agent-skills --skill docyrus-app-ui-design
Category
*Creative Media
Verified
First Seen
2026-02-22
Updated
2026-03-10

Browse more skills from docyrus/agent-skills

Quick answers

What is docyrus-app-ui-design?

Design and build production-grade UI components for Docyrus React applications using preferred component libraries. Use when creating dashboards, forms, data tables, layouts, or any UI elements. Triggers on tasks involving component selection, UI design, dashboard creation, layout design, shadcn, diceui, animate-ui, docyrus-ui, reui components, or requests to build user interfaces. Source: docyrus/agent-skills.

How do I install docyrus-app-ui-design?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/docyrus/agent-skills --skill docyrus-app-ui-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/docyrus/agent-skills