skills.rest
JoeInnsp23
JoeInnsp23COMMUNITY
Explore all skills by this author →
GitHub

brand-guidelines

Enforce Practice Hub design standards for UI components and layouts.

Updated Aug 23, 2026
Search Tags:#consistency#frontend#multi-tenant#UI/UX#design system#styling#brand identity#shadcn/ui
One-click install
npx skills add https://github.com/JoeInnsp23/practice-hub --skill brand-guidelines-joeinnsp23
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand-guidelines
Source: https://github.com/JoeInnsp23/practice-hub/tree/main/.claude/skills/brand-guidelines
Command: npx skills add https://github.com/JoeInnsp23/practice-hub --skill brand-guidelines-joeinnsp23

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Maintaining a consistent brand identity and design system across multiple UI modules can be challenging, leading to "AI slop" and a fragmented user experience. This Skill centralizes and enforces Practice Hub's critical design standards, ensuring every component aligns with the brand.

Core Features & Use Cases

  • Design System Enforcement: Automatically apply glass-card patterns, module-specific color schemes, and layout backgrounds.
  • UI Component Patterns: Provides exact patterns for checklist items, headers, sidebars, and ensures use of shadcn/ui components.
  • Multi-Tenant & Auth Integration: Guides on applying brand standards within the multi-tenant architecture and Better Auth flows.
  • Use Case: When developing a new feature for the Admin Panel, use this Skill to ensure all new UI elements adhere to the orange color scheme, use glass-card styling for content, and integrate correctly with the global header and sidebar.

Quick Start

Use the brand-guidelines skill to ensure the new client onboarding form adheres to the Practice Hub design system, specifically focusing on card styling and layout backgrounds.