panacea-style-system
CommunityUnify PANaCEa UI with a cohesive design system.
Design & Creative#design-system#inline-styles#color-system#visual-hierarchy#component-guidance#typography-tokens
Authoraaronjullger-lgtm
Version1.0.0
Installs0
System Documentation
What problem does it solve?
PANaCEa teams struggle with inconsistent typography, color usage, and component styling across the clinical UI. This Skill provides a centralized design system reference to ensure a cohesive, accessible, and scalable interface for all PANaCEa views.
Core Features & Use Cases
- Typography tokens, color system, and hierarchy rules to ensure consistent visuals across components.
- Three-tier visual hierarchy: CRITICAL, CLINICAL, STUDY to structure content and knowledge presentation.
- Progressive disclosure patterns for organizing content and enabling quick access to board-focused insights.
- Cross-reference hints, badge patterns, and reusable helpers to speed up design and development.
Quick Start
Apply PANaCEa Style System tokens and patterns when designing or reviewing UI components.
Dependency Matrix
Required Modules
None requiredComponents
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: panacea-style-system Download link: https://github.com/aaronjullger-lgtm/PANaCEa/archive/main.zip#panacea-style-system Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.