skills.rest
aaronjullger-lgtm
aaronjullger-lgtmCOMMUNITY
Explore all skills by this author →
GitHub

panacea-style-system

Applies PANaCEa typography, color, and layout rules to clinical UI components.

Updated Nov 16, 2025
Search Tags:#design-system#inline-styles#color-system#visual-hierarchy#component-guidance#typography-tokens
One-click install
npx skills add https://github.com/aaronjullger-lgtm/PANaCEa --skill panacea-style-system
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: panacea-style-system
Source: https://github.com/aaronjullger-lgtm/PANaCEa/tree/main/.claude/skills/panacea-style-system
Command: npx skills add https://github.com/aaronjullger-lgtm/PANaCEa --skill panacea-style-system

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about panacea-style-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce consistent typography and color usage across clinical UI components?▼

You can enforce consistent clinical UI visuals by applying centralized typography tokens, color system rules, and component guidance that define exact styling parameters for scalable and accessible interfaces.

What is a three-tier visual hierarchy for structuring clinical education content?▼

A three-tier visual hierarchy structures clinical education content using CRITICAL, CLINICAL, and STUDY levels to organize knowledge presentation and guide user attention to the most relevant board-focused insights.

How do I apply progressive disclosure patterns to organize clinical interface content?▼

Progressive disclosure patterns organize clinical interface content by structuring information layers that enable quick access to board-focused insights while keeping detailed knowledge hidden until needed.

Can I use inline styles with a centralized design token system for component styling?▼

Yes, you can use inline styles with a centralized design token system by applying defined typography tokens, color rules, and reusable helpers to ensure cohesive styling across all components.

Does this design system approach work for scalable and accessible clinical education interfaces?▼

Yes, this design system approach works for scalable and accessible clinical education interfaces by enforcing token definitions, component guidance, and design rules that maintain visual consistency across the product.

What badge patterns and reusable helpers are available for clinical UI development?▼

Available badge patterns and reusable helpers for clinical UI development include cross-reference hints and predefined component guidance that speed up design and development workflows while maintaining visual consistency.

Related Skills

Explore More Design & Creative Skills→
priyansh19priyansh19
1

design-guide

Establish and enforce CrewSpace UI design system standards across frontend components.

Community
Advanced
HafizFasihHafizFasih

robotics-theme-expert

Implement a robotics-themed design system for dark-mode industrial dashboards.

Community
Advanced
aaronjullger-lgtmaaronjullger-lgtm

clinical-safety-review

Validate PANaCEa clinical content with tier classifications and truncation audits.

Community
Advanced
wshobsonwshobson
38.6k

visual-design-foundations

Apply typography, color, spacing, and iconography principles to create design tokens and style guides.

Community
Intermediate