skills.rest
aexol-studio
aexol-studioOFFICIAL
Explore all skills by this author →
WebsiteGitHub

admin-ui-component

Generate and register Deenruv admin UI components with @deenruv/react-ui-devkit.

11|1|Updated Oct 4, 2024
Search Tags:#react#tailwind#shadcn#devkit#admin-ui#plugin-ui
One-click install
npx skills add https://github.com/aexol-studio/deenruv --skill admin-ui-component
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: admin-ui-component
Source: https://github.com/aexol-studio/deenruv/tree/main/.opencode/skills/admin-ui-component
Command: npx skills add https://github.com/aexol-studio/deenruv --skill admin-ui-component

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps developers build and extend the Deenruv admin panel by providing ready-to-use UI components and architecture patterns from the @deenruv/react-ui-devkit.

Core Features & Use Cases

  • Component libraries for rapid UI assembly using Shadcn/Tailwind primitives
  • Plugin-aware UI composition via plugin-ui index.tsx and createDeenruvUIPlugin
  • Consistent design system enforced imports from @deenruv/react-ui-devkit across plugins
  • Rapid customization of admin views (dashboards, detail views, modals)

Quick Start

Start by importing components from @deenruv/react-ui-devkit and register your UI plugin with createDeenruvUIPlugin.

Frequently Asked Questions about admin-ui-component

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build admin panel UI components for Deenruv plugins?▼

You can build admin panel UI components by importing ready-to-use elements from the @deenruv/react-ui-devkit library and registering them using the createDeenruvUIPlugin pattern. This enforces consistent design across plugins.

What is the best way to register a plugin UI with the Deenruv devkit?▼

Register your plugin UI by using the createDeenruvUIPlugin function alongside an index.tsx file. This ensures proper plugin-aware UI composition and integration with the admin panel architecture.

Can I use Tailwind and Shadcn primitives to customize Deenruv admin views?▼

Yes, you can rapidly customize admin views like dashboards, detail views, and modals using Shadcn and Tailwind primitives. The toolkit enforces these styling methods for rapid UI assembly.

Does the Deenruv UI toolkit require any specific dependencies for admin panel development?▼

The Deenruv UI toolkit requires the @deenruv/react-ui-devkit package for consistent design system imports. It enforces usage of this library alongside Tailwind styling for all admin panel components.

How do I ensure consistent design system imports across multiple Deenruv plugins?▼

Ensure consistent design system imports by enforcing usage of the @deenruv/react-ui-devkit package across all plugins. This provides ready-to-use architecture patterns and standardizes UI component development.

Related Skills

Explore More Software Engineering Skills→
AbdullahMalik17AbdullahMalik17
9

styling-with-shadcn

Set up shadcn/ui components, forms, and dark mode in Next.js projects.

Community
Intermediate
kinneyyankinneyyan
2

ice-js-3-development-patterns

Standardize ice.js 3 admin app development with reusable List and FormView patterns.

Community
Intermediate
jamestorrevillasjamestorrevillas
3

web-artifacts-builder

Build Next.js App Router applications with Zustand state and TanStack Query.

Community
Advanced
Ankish8Ankish8

myoperator-design

Generate React/Tailwind UI code using the myOperator design system.

Community
Intermediate