Skills
.Work. You
Rest

DBX Web Layout Components

Community

Master responsive dbx-web layout components.

Software Engineering#documentation#layout#angular#responsive#grid#ui-components#dbx-web
Authordereekb
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a centralized guide for frontend developers to implement consistent, responsive page layouts in Angular applications using the DBX Web layout components.

Core Features & Use Cases

  • Container, Section, Bar, and Two-Column components enable structured, reusable page scaffolding.
  • Flex/grid system with dbxFlexGroup and dbxFlexSize supports responsive, modular layouts.
  • Text, visual, and utility components (dbx-content*, dbx-section, dbx-two-column, dbx-bar-header, etc.) promote design consistency.
  • Master-detail and dashboard-style layouts are common patterns demonstrated to accelerate UI development.
  • Clear guidance on accessibility, theming, and responsive behavior across breakpoints.

Quick Start

Install the package in your Angular project, import the DbxLayoutModule (or equivalent), and begin composing pages with core components such as dbx-content-container, dbx-section, and dbx-two-column.

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: DBX Web Layout Components
Download link: https://github.com/dereekb/dbx-components/archive/main.zip#dbx-web-layout-components

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.