Skills
.Work. You
Rest

frontend-views

Official

Standardize Drumr frontend views fast.

Software Engineering#layout#frontend#react#routing#graphql#views#toolbars
Authorslingr-stack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It removes the guesswork from building Drumr Framework frontend views by giving developers a single, consistent guide for routing, layout selection, headers, toolbars, and model-bound UI rendering.

Core Features & Use Cases

  • Unified View Patterns: Explains how to build TableView, CreateView, EditView, ReadView, ActionView, and Custom View components the framework expects.
  • Route and Layout Wiring: Shows how to register routes in app configuration and assign the right layout and menu behavior without mixing concerns into the view itself.
  • UI API and Typed Data Binding: Covers generated GraphQL types, DataForm, DataTable, DataField, and DataComponent usage so views stay validated, reusable, and framework-native.
  • Practical Example: Use this skill when adding a new task page, a record editor, a read-only details screen with nested related data, or a modal action flow.

Quick Start

Use this skill to design or refactor a Drumr frontend view so it follows the framework’s routing, layout, typing, and toolbar conventions.

Dependency Matrix

Required Modules

None required

Components

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-views
Download link: https://github.com/slingr-stack/qa-test-drumr/archive/main.zip#frontend-views

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.