Skills
.Work. You
Rest

page-layouts

Community

Design complete pages and navigation systems.

Design & Creative#responsive design#navigation#component library#frontend development#ui design#page layout
AuthorJorge-Ivan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the complexity of designing entire user interfaces, from individual pages to comprehensive navigation systems, ensuring consistency and adherence to design principles.

Core Features & Use Cases

  • Page Design: Create layouts for dashboards, authentication flows, settings pages, and more.
  • Navigation Systems: Implement sidebars, top navigation bars, footers, and mobile navigation.
  • UI Patterns: Incorporate common patterns like data tables, modals, and empty states.
  • Use Case: Design a new admin dashboard, including the sidebar navigation, header, main content area with data tables, and a modal for creating new entries.

Quick Start

Use the page-layouts skill to design a responsive dashboard page with a sidebar and top navigation.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: page-layouts
Download link: https://github.com/Jorge-Ivan/uam-hogar-nazareth-web/archive/main.zip#page-layouts

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.