Skills
.Work. You
Rest

frontend-layout

Official

Build flexible Drumr app layouts fast.

Software Engineering#layout#frontend#routing#navigation#menus#ui-shell#drumr
Authorslingr-stack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you build and extend Drumr frontend layout shells so every page gets the right navigation, header, footer, and route-specific structure without guesswork.

Core Features & Use Cases

  • Define layouts with app.registerLayout and reuse them as the default shell or assign them per route.
  • Configure left, top, and user menus, plus header and footer options, to match different app sections.
  • Handle dynamic menu items, lifecycle hooks, and My Profile shortcuts for production-ready shell behavior.
  • Use it when splitting a complex app into main, form, and read-only layouts with consistent routing.

Quick Start

Ask the assistant to create a Drumr frontend layout that registers a named layout, configures navigation and menus, and assigns the layout in routing.

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

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 537,000+ vetted skills library on demand.