frontend-field-components

What problem does it solve?

This Skill helps you choose and configure the correct Drumr frontend field component for each data type, so records render with the right read and write controls instead of raw or incorrect UI elements.

Core Features & Use Cases

• Field-to-component mapping: Match text, numeric, choice, boolean, date, file, relationship, and array fields to the framework components that Drumr expects.
• Context-aware rendering: Configure different components for read, write, all, table, or named-view contexts when a field needs different behavior in each place.
• Prop and layout guidance: Apply component options such as placeholders, formatting, labels, value metadata, and list wrapping for nested or repeated fields.
• Use Case: When a project status field should show colored labels in detail views and a dropdown in edit forms, this Skill tells you exactly how to wire both variants without inventing custom controls.

Quick Start

Ask the AI to inspect your field definitions and recommend the exact Drumr component and props for each field, including any read/write variants and array wrappers.