questpie-admin/custom-ui

Register custom field, cell, and view components in the QUESTPIE admin interface.

5|3|Updated Dec 15, 2025
One-click install
npx skills add https://github.com/questpie/questpie --skill questpie-admin-custom-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: questpie-admin/custom-ui
Source: https://github.com/questpie/questpie/tree/main/packages/admin/skills/questpie-admin/custom-ui
Command: npx skills add https://github.com/questpie/questpie --skill questpie-admin-custom-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill allows developers to extend the QUESTPIE admin interface with custom field types, view types, and reactive behaviors, enabling a more tailored and efficient backend management experience.

Core Features & Use Cases

  • Custom Field Rendering: Define unique input components for specific data types (e.g., color pickers, currency inputs).
  • Custom View Rendering: Create alternative ways to display data beyond standard tables (e.g., Kanban boards, calendars).
  • Reactive Fields: Implement conditional visibility, read-only states, computed values, and dynamic server-side options for fields.
  • Use Case: Imagine you need a special field to select a color palette for a product. You can create a custom color picker field and a Kanban view to manage project tasks based on their status.

Quick Start

Create a custom field renderer for a 'color' type in the questpie/admin/fields/color.tsx file.

Frequently Asked Questions about questpie-admin/custom-ui

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

FAQPage Schema
How do I add custom field types to my admin UI?

Adding custom field types to your admin UI requires registering custom field renderers using React components. You can define unique input components for specific data types, such as color pickers or currency inputs, within the QUESTPIE admin interface.

Can I create custom views like Kanban boards in the admin interface?

Yes, creating custom views like Kanban boards in the admin interface is supported through custom view rendering. This allows you to build alternative ways to display data beyond standard tables, including calendars and project management views.

How do reactive form fields work with conditional visibility?

Reactive form fields with conditional visibility work by registering dynamic behaviors that respond to data changes. The system supports implementing read-only states, computed values, and dynamic server-side options for fields based on your schema definitions.

What's the best way to manage dynamic server-side options for admin fields?

Managing dynamic server-side options for admin fields is best handled through the unified extension model. This integrates server-side schema definitions with client-side React components to deliver reactive field behaviors and dynamic options.

Do I need React components to customize the QUESTPIE admin interface?

Yes, you need React components to customize the QUESTPIE admin interface. The extension model integrates client-side React components with server-side schema definitions to register custom field renderers, cell renderers, and view components.

Why use custom cell renderers instead of standard table displays?

Using custom cell renderers instead of standard table displays enables tailored data presentation for specific data types. This allows you to define unique visual formats for individual cells, improving backend management efficiency.