docyrus-app-ui-design
OfficialDesign and ship polished Docyrus UI components.
Design & Creative#ui-design#ui-patterns#tanstack-form#docyrus#component-selection#library-catalog#editable-record
AuthorDocyrus
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps design and assemble production-grade UI components for Docyrus React applications by providing a centralized catalog, clear design rules, and practical patterns.
Core Features & Use Cases
- Maintains a curated catalog of components from shadcn, diceui, animate-ui, docyrus-ui, and reui, with recommended defaults.
- Provides patterns for item creation flows, detail views, inline editing, dashboards, navigation, and data presentation.
- Includes reference guides for component selection, icon usage, and a comprehensive catalog to accelerate UI development.
Quick Start
Instruct the AI to design a Docyrus UI screen by selecting components from the catalog and applying the documented patterns.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: docyrus-app-ui-design Download link: https://github.com/Docyrus/agent-skills/archive/main.zip#docyrus-app-ui-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.