frontend-datamodels
OfficialShape model UI behavior from the frontend.
System Documentation
What problem does it solve?
This Skill removes the friction of hardcoding data model presentation by centralizing frontend UI behavior for labels, field renderers, visibility, editability, help text, and default CRUD views.
Core Features & Use Cases
It supports declarative model registration with app.registerDataModel, separate read and write field configurations, context-aware overrides, and reference-friendly label fields for cleaner forms and detail views. It is useful when a team needs to control how backend models appear in forms, tables, and read screens without changing schema, validation, or permissions.
Quick Start
Use this skill to define a model's frontend label field and read/write component settings in a dataModels config file.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: frontend-datamodels Download link: https://github.com/slingr-stack/qa-test-drumr/archive/main.zip#frontend-datamodels 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 536,000+ vetted skills library on demand.