Skills
.Work. You
Rest

build-app-layout

Community

Build app layouts with core components.

Software Engineering#layout#frontend#react#responsive design#ui components#app structure
Authorsiriwatknp
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the process of creating consistent and responsive application layouts by providing core layout components and clear usage guidelines.

Core Features & Use Cases

  • Standardized Layout Structure: Utilizes Root, Header, Content, and Footer for a predictable app structure.
  • Responsive Design: Components adapt to different screen sizes, with options for sticky headers and sidebars.
  • Sidebar Integration: Supports InsetSidebar and EdgeSidebar for navigation and supplementary content.
  • Use Case: Quickly scaffold a new web application's main interface, ensuring a professional and adaptable design from the start.

Quick Start

Use the build-app-layout skill to create a basic app layout with a header, content, and footer.

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: build-app-layout
Download link: https://github.com/siriwatknp/mui-treasury/archive/main.zip#build-app-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 223,000+ vetted skills library on demand.