Skills
.Work. You
Rest

modern-page-hub

Community

Create modern, progressive pages with unified headers and centralized skeletons in PharmaFlow AI.

Software Engineering#web development#navigation#user experience#UI design#page architecture
AuthorApothecaryMan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill Unit defines the standard for building "Hub" style pages in PharmaFlow AI, addressing the challenges of instant navigation, consistent layouts, and professional loading states.

Core Features & Use Cases

  • Standardized Page Layouts: Ensures all Hub pages follow a consistent design for a premium user experience.
  • Progressive Loading: Avoids full-page loading spinners by using immediate header rendering and centralized skeletons.
  • Unified PageHeader: Provides a standard component for headers, including a Hub Switcher for seamless navigation.
  • Page Registry Configuration: Ensures correct registration of pages for proper rendering and functionality.
  • Visual Standards: Sets clear guidelines for typography, spacing, and borders for a polished look.

Quick Start

Use the modern-page-hub skill to create a new Hub page following the established guidelines for a cohesive user interface in PharmaFlow AI.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 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: modern-page-hub
Download link: https://github.com/ApothecaryMan/pharmaflow-ai/archive/main.zip#modern-page-hub

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