The 22 Major Arcana cards mapped to color palettes, lighting, gradients, and moods for UI.

MITAuto-check passedFrontend & Design

Install Major Arcana

skills CLI
$ npx skills add HermeticOrmus/LibreUIUX-Claude-Code --skill major-arcana -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install HermeticOrmus/LibreUIUX-Claude-Code major-arcana --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/HermeticOrmus/LibreUIUX-Claude-Code.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/archetypal-alchemy/skills/major-arcana .claude/skills/major-arcana && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
major-arcana
GitHub stars
112
Token cost
~4.4k tokens
SKILL.md length
1,321 words
Files
1
Skills in repo
15
Repo updated
First seen
Licence
MIT

At a glance

The 22 Major Arcana cards mapped to color palettes, lighting, gradients, and moods for UI.

  • Works in 4 steps: Primary → Main UI backgrounds, large… → Secondary → Cards, containers, grouped… → Accent → CTAs, highlights, important… → …
  • A design needs a symbolic color system
  • SKILL.md covers Overview, The Major Arcana Palette System and Using Major Arcana in Design
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Major Arcana is an agent skill from HermeticOrmus/LibreUIUX-Claude-Code. The 22 Major Arcana cards mapped to color palettes, lighting, gradients, and moods for UI. Use when a design needs a symbolic color system or atmosphere, or when a user names a card such as the Sun, the Moon, or the Hermit.

Its SKILL.md is about 4.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design, covering Theming and dark mode. The repository describes itself as: UI/UX system for Claude Code: 71 plugins, 93 agents, 74 skills. Design mastery, archetypal design, accessibility, and frontend workflows in one validated plugin marketplace. The licence is MIT.

When your agent uses it

  • A design needs a symbolic color system
  • A user names a card such as the Sun

Example prompts

  • “/major-arcana”

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. Primary → Main UI backgrounds, large surfaces
  2. Secondary → Cards, containers, grouped elements
  3. Accent → CTAs, highlights, important actions
  4. Dark → Text, borders, depth elements

What it can do on your machine

Read from SKILL.md and the folder at commit 41a968c. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are tailwind).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Major Arcana loads about 4.4k tokens when it runs. Until then it costs about 59 tokens; SKILL.md has 1,321 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~59
When it runs · the whole SKILL.md, loaded when a task matches
~4.4k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from HermeticOrmus/LibreUIUX-Claude-Code at commit 41a968c, republished under its MIT licence (© HermeticOrmus). 1,321 words, ~4,357 tokens.

Download SKILL.mdSave it as .claude/skills/major-arcana/SKILL.md (or your agent's skills folder).
name
major-arcana
description
The 22 Major Arcana cards mapped to color palettes, lighting, gradients, and moods for UI. Use when a design needs a symbolic color system or atmosphere, or when a user names a card such as the Sun, the Moon, or the Hermit.

Major Arcana → Color Palettes & Moods

Overview

The 22 Major Arcana cards of the Tarot represent archetypal life stages and cosmic forces. Each card carries distinct energetic signatures that translate into color palettes, lighting moods, and visual atmospheres for UI/UX design.


The Major Arcana Palette System

0. THE FOOL

Energy: Innocence, spontaneity, new beginnings Color Palette:

  • Primary: Sky Blue (#38bdf8) → Boundless possibility
  • Secondary: Cloud White (#f0f9ff) → Pure potential
  • Accent: Sunshine Yellow (#fbbf24) → Playful optimism
  • Dark: Morning Gray (#475569) → Dawn of journey

Mood: Bright, airy, weightless, optimistic Gradient: from-sky-400 via-white to-yellow-300 Shadow Style: Soft, diffused, minimal depth Atmosphere: Morning light, fresh air, open spaces

tailwind
Background: bg-gradient-to-br from-sky-50 to-yellow-50
Card: bg-white/90 backdrop-blur-sm border border-sky-200
Button: bg-sky-400 hover:bg-sky-500 shadow-lg shadow-sky-200/50

I. THE MAGICIAN

Energy: Manifestation, power, transformation Color Palette:

  • Primary: Deep Purple (#7c3aed) → Mystical power
  • Secondary: Electric Violet (#a78bfa) → Transformative energy
  • Accent: Mercury Silver (#e5e7eb) → Alchemical transformation
  • Dark: Void Black (#0f172a) → The source

Mood: Mysterious, powerful, transformative Gradient: from-purple-900 via-violet-600 to-purple-400 Shadow Style: Strong, glowing, magical auras Atmosphere: Candlelit chamber, swirling energy, focused power

tailwind
Background: bg-gradient-to-br from-slate-900 via-purple-900 to-violet-900
Card: bg-purple-950/80 backdrop-blur-xl border border-purple-500/30
Button: bg-purple-600 hover:bg-purple-500 shadow-2xl shadow-purple-500/50

II. THE HIGH PRIESTESS

Energy: Intuition, mystery, inner wisdom Color Palette:

  • Primary: Moonlight Blue (#60a5fa) → Intuitive knowing
  • Secondary: Midnight Purple (#6366f1) → Hidden depths
  • Accent: Pearl White (#f1f5f9) → Lunar reflection
  • Dark: Deep Navy (#1e293b) → The unconscious

Mood: Serene, mysterious, contemplative Gradient: from-indigo-950 via-blue-800 to-slate-700 Shadow Style: Soft glows, moonlit halos Atmosphere: Moonlit temple, still water, quiet knowing

tailwind
Background: bg-gradient-to-b from-indigo-950 to-blue-900
Card: bg-slate-900/60 backdrop-blur-md border border-blue-400/20
Button: bg-blue-500/80 hover:bg-blue-400 shadow-lg shadow-blue-500/30

III. THE EMPRESS

Energy: Abundance, nurturing, fertility Color Palette:

  • Primary: Forest Green (#059669) → Growth and life
  • Secondary: Rose Pink (#f43f5e) → Love and beauty
  • Accent: Golden Harvest (#f59e0b) → Abundance
  • Dark: Rich Earth (#422006) → Fertile soil

Mood: Lush, nurturing, abundant Gradient: from-emerald-700 via-rose-400 to-amber-300 Shadow Style: Soft, organic, natural depth Atmosphere: Garden in bloom, golden hour, bountiful earth

tailwind
Background: bg-gradient-to-br from-emerald-50 via-rose-50 to-amber-50
Card: bg-white border-2 border-emerald-200 shadow-xl shadow-emerald-100
Button: bg-emerald-600 hover:bg-emerald-500 shadow-lg shadow-emerald-200

IV. THE EMPEROR

Energy: Authority, structure, leadership Color Palette:

  • Primary: Imperial Red (#dc2626) → Power and authority
  • Secondary: Iron Gray (#52525b) → Structural strength
  • Accent: Royal Gold (#eab308) → Sovereign status
  • Dark: Obsidian Black (#18181b) → Absolute control

Mood: Strong, commanding, structured Gradient: from-red-900 via-zinc-800 to-red-800 Shadow Style: Hard, defined, architectural Atmosphere: Throne room, stone fortress, commanding presence

tailwind
Background: bg-gradient-to-br from-zinc-900 to-red-950
Card: bg-zinc-900 border border-red-700 shadow-2xl
Button: bg-red-700 hover:bg-red-600 shadow-xl shadow-red-900/50

V. THE HIEROPHANT

Energy: Tradition, teaching, spiritual wisdom Color Palette:

  • Primary: Sacred Blue (#2563eb) → Divine wisdom
  • Secondary: Ceremonial Gold (#d97706) → Sacred tradition
  • Accent: Ivory White (#fafaf9) → Purity of teaching
  • Dark: Temple Stone (#57534e) → Ancient foundations

Mood: Sacred, traditional, wise Gradient: from-blue-900 via-amber-700 to-stone-600 Shadow Style: Stained glass effects, reverent lighting Atmosphere: Cathedral light, sacred space, timeless wisdom

tailwind
Background: bg-gradient-to-b from-blue-950 via-amber-900 to-stone-900
Card: bg-blue-950/80 border-2 border-amber-500/30 backdrop-blur
Button: bg-blue-700 hover:bg-blue-600 shadow-lg shadow-amber-500/20

VI. THE LOVERS

Energy: Union, harmony, choice Color Palette:

  • Primary: Passionate Pink (#ec4899) → Romantic love
  • Secondary: Heart Red (#ef4444) → Deep passion
  • Accent: Soft Peach (#fed7aa) → Tender connection
  • Dark: Twilight Purple (#7c2d12) → Intimate depth

Mood: Romantic, harmonious, intimate Gradient: from-pink-400 via-red-300 to-orange-200 Shadow Style: Soft, romantic, glowing Atmosphere: Sunset embrace, tender moments, perfect union

tailwind
Background: bg-gradient-to-br from-pink-100 via-red-50 to-orange-100
Card: bg-white/80 border border-pink-200 shadow-xl shadow-pink-100
Button: bg-pink-500 hover:bg-pink-400 shadow-lg shadow-pink-200

VII. THE CHARIOT

Energy: Willpower, determination, victory Color Palette:

  • Primary: Victory Gold (#facc15) → Triumphant achievement
  • Secondary: Warrior Bronze (#92400e) → Battle-tested strength
  • Accent: Champion White (#fefce8) → Glorious victory
  • Dark: Charcoal Black (#27272a) → Focused determination

Mood: Dynamic, victorious, powerful Gradient: from-yellow-500 via-amber-600 to-yellow-400 Shadow Style: Strong, directional, movement-suggesting Atmosphere: Victory parade, forward momentum, unstoppable force

tailwind
Background: bg-gradient-to-r from-yellow-50 via-amber-100 to-yellow-50
Card: bg-amber-50 border-l-4 border-yellow-500 shadow-xl
Button: bg-yellow-500 hover:bg-yellow-400 shadow-lg shadow-yellow-200

VIII. STRENGTH

Energy: Courage, compassion, inner power Color Palette:

  • Primary: Gentle Gold (#fbbf24) → Compassionate strength
  • Secondary: Lionheart Orange (#f97316) → Courageous spirit
  • Accent: Soft Cream (#fffbeb) → Gentle power
  • Dark: Warm Earth (#78350f) → Grounded strength

Mood: Warm, powerful, gentle Gradient: from-amber-300 via-orange-400 to-amber-200 Shadow Style: Warm, embracing, empowering Atmosphere: Golden lion, warm embrace, quiet confidence

tailwind
Background: bg-gradient-to-br from-amber-50 to-orange-100
Card: bg-white border-2 border-amber-300 shadow-lg shadow-amber-200
Button: bg-orange-500 hover:bg-orange-400 shadow-md shadow-orange-200

IX. THE HERMIT

Energy: Solitude, introspection, inner guidance Color Palette:

  • Primary: Deep Indigo (#4338ca) → Inner depths
  • Secondary: Twilight Purple (#6d28d9) → Contemplative wisdom
  • Accent: Lantern Gray (#d1d5db) → Guiding light
  • Dark: Cave Black (#111827) → Solitary depths

Mood: Contemplative, quiet, introspective Gradient: from-indigo-950 via-purple-900 to-gray-900 Shadow Style: Deep, focused, single light source Atmosphere: Mountain peak, lone lantern, inner sanctuary

tailwind
Background: bg-gradient-to-b from-indigo-950 to-gray-950
Card: bg-indigo-950/80 backdrop-blur border border-purple-700/30
Button: bg-purple-700 hover:bg-purple-600 shadow-lg shadow-purple-900/50

X. WHEEL OF FORTUNE

Energy: Change, cycles, destiny Color Palette:

  • Primary: Cosmic Purple (#8b5cf6) → Karmic cycles
  • Secondary: Fortune Gold (#eab308) → Lucky breaks
  • Accent: Destiny Blue (#3b82f6) → Fated moments
  • Dark: Midnight Blue (#1e3a8a) → The wheel turns

Mood: Dynamic, cyclical, cosmic Gradient: from-purple-600 via-yellow-500 to-blue-600 Shadow Style: Rotating, circular, dynamic Atmosphere: Spinning cosmos, turning wheel, perpetual motion

tailwind
Background: bg-gradient-to-br from-purple-900 via-yellow-600 to-blue-900
Card: bg-gradient-to-r from-purple-500/20 to-blue-500/20 backdrop-blur-lg
Button: bg-gradient-to-r from-purple-600 to-blue-600 hover:opacity-90

XI. JUSTICE

Energy: Balance, fairness, truth Color Palette:

  • Primary: Balance Blue (#1d4ed8) → Impartial truth
  • Secondary: Scale Silver (#94a3b8) → Equilibrium
  • Accent: Judgment White (#f8fafc) → Clear verdict
  • Dark: Law Black (#0f172a) → Absolute justice

Mood: Balanced, clear, authoritative Gradient: from-blue-900 via-slate-500 to-blue-800 Shadow Style: Symmetric, balanced, precise Atmosphere: Court of law, perfect balance, scales in equilibrium

tailwind
Background: bg-gradient-to-b from-slate-900 to-blue-950
Card: bg-slate-900 border border-blue-600/50 shadow-xl
Button: bg-blue-700 hover:bg-blue-600 shadow-lg shadow-blue-900/30

XII. THE HANGED MAN

Energy: Surrender, new perspective, sacrifice Color Palette:

  • Primary: Inverted Teal (#14b8a6) → Upside-down view
  • Secondary: Suspension Blue (#06b6d4) → Liminal state
  • Accent: Release White (#f0fdfa) → Letting go
  • Dark: Void Gray (#334155) → The in-between

Mood: Suspended, serene, perspective-shifting Gradient: from-cyan-600 via-teal-500 to-cyan-400 Shadow Style: Inverted, floating, weightless Atmosphere: Hanging in space, new viewpoint, suspended time

tailwind
Background: bg-gradient-to-b from-teal-950 to-cyan-900
Card: bg-teal-900/60 backdrop-blur-md border border-cyan-400/30
Button: bg-teal-600 hover:bg-teal-500 shadow-lg shadow-teal-500/30

XIII. DEATH

Energy: Transformation, endings, rebirth Color Palette:

  • Primary: Transformation Black (#0a0a0a) → The void
  • Secondary: Rebirth Purple (#a855f7) → New beginnings
  • Accent: Bone White (#fafafa) → What remains
  • Dark: Obsidian (#030712) → Total transformation

Mood: Transformative, powerful, liminal Gradient: from-gray-950 via-purple-900 to-gray-950 Shadow Style: Deep, transformative, boundary-dissolving Atmosphere: Threshold moment, cosmic reset, total change

tailwind
Background: bg-gradient-to-br from-gray-950 via-purple-950 to-black
Card: bg-black/80 backdrop-blur border border-purple-500/20
Button: bg-purple-600 hover:bg-purple-500 shadow-2xl shadow-purple-900/50

Show full SKILL.md (512 more words)Show less
XIV. TEMPERANCE

Energy: Balance, moderation, alchemy Color Palette:

  • Primary: Angelic Blue (#3b82f6) → Divine balance
  • Secondary: Alchemical Gold (#f59e0b) → Golden mean
  • Accent: Harmony White (#f0f9ff) → Perfect blend
  • Dark: Twilight Indigo (#312e81) → Balanced darkness

Mood: Harmonious, balanced, alchemical Gradient: from-blue-400 via-amber-300 to-blue-300 Shadow Style: Blended, harmonious, flowing Atmosphere: Mixing waters, golden ratio, perfect harmony

tailwind
Background: bg-gradient-to-br from-blue-100 via-amber-50 to-blue-50
Card: bg-white/90 border-2 border-blue-200 backdrop-blur-sm
Button: bg-gradient-to-r from-blue-500 to-amber-500 hover:opacity-90

XV. THE DEVIL

Energy: Materialism, bondage, shadow self Color Palette:

  • Primary: Infernal Red (#991b1b) → Primal desire
  • Secondary: Shadow Black (#171717) → Bondage
  • Accent: Temptation Gold (#a16207) → Seduction
  • Dark: Abyss (#000000) → The shadow

Mood: Intense, seductive, shadowy Gradient: from-red-950 via-black to-red-900 Shadow Style: Heavy, seductive, binding Atmosphere: Underground depths, forbidden allure, shadow integration

tailwind
Background: bg-gradient-to-br from-black via-red-950 to-black
Card: bg-red-950/80 backdrop-blur border border-red-700/30
Button: bg-red-800 hover:bg-red-700 shadow-2xl shadow-red-950/70

XVI. THE TOWER

Energy: Upheaval, revelation, sudden change Color Palette:

  • Primary: Lightning White (#fafafa) → Sudden revelation
  • Secondary: Storm Gray (#3f3f46) → Chaos and destruction
  • Accent: Thunder Yellow (#fde047) → Electric shock
  • Dark: Rubble Black (#18181b) → What remains

Mood: Shocking, dramatic, revelatory Gradient: from-yellow-300 via-zinc-700 to-yellow-200 Shadow Style: Harsh, dramatic, stark contrast Atmosphere: Lightning strike, crumbling structures, sudden clarity

tailwind
Background: bg-gradient-to-br from-zinc-900 via-yellow-400 to-zinc-800
Card: bg-zinc-900 border-2 border-yellow-400 shadow-2xl shadow-yellow-500/30
Button: bg-yellow-400 hover:bg-yellow-300 text-zinc-900 shadow-xl

XVII. THE STAR

Energy: Hope, inspiration, serenity Color Palette:

  • Primary: Starlight Blue (#38bdf8) → Celestial hope
  • Secondary: Night Sky (#0c4a6e) → Cosmic expanse
  • Accent: Stellar White (#f0f9ff) → Guiding light
  • Dark: Deep Space (#082f49) → Infinite potential

Mood: Hopeful, serene, inspiring Gradient: from-sky-950 via-sky-400 to-sky-900 Shadow Style: Soft glows, stellar halos Atmosphere: Starlit night, cosmic hope, infinite promise

tailwind
Background: bg-gradient-to-b from-sky-950 to-cyan-950
Card: bg-sky-900/60 backdrop-blur-xl border border-sky-400/30
Button: bg-sky-500 hover:bg-sky-400 shadow-lg shadow-sky-500/50

XVIII. THE MOON

Energy: Illusion, intuition, the unconscious Color Palette:

  • Primary: Moonlight Silver (#cbd5e1) → Lunar glow
  • Secondary: Mystery Blue (#1e40af) → Deep unconscious
  • Accent: Dream Purple (#c084fc) → Illusory visions
  • Dark: Shadow Navy (#0f172a) → Hidden depths

Mood: Mysterious, dreamlike, illusory Gradient: from-slate-900 via-blue-900 to-purple-900 Shadow Style: Soft, mysterious, shape-shifting Atmosphere: Moonlit path, shifting shadows, dreamscape

tailwind
Background: bg-gradient-to-br from-slate-900 via-blue-950 to-purple-950
Card: bg-slate-800/70 backdrop-blur-lg border border-purple-400/20
Button: bg-blue-700/80 hover:bg-purple-600 shadow-xl shadow-purple-500/30

XIX. THE SUN

Energy: Joy, success, vitality Color Palette:

  • Primary: Solar Gold (#fbbf24) → Radiant joy
  • Secondary: Sunshine Orange (#fb923c) → Vital energy
  • Accent: Daylight Yellow (#fef08a) → Pure happiness
  • Dark: Warm Amber (#78350f) → Grounded warmth

Mood: Joyful, vibrant, life-affirming Gradient: from-yellow-300 via-orange-400 to-yellow-200 Shadow Style: Warm, glowing, radiant Atmosphere: Blazing sun, golden hour, pure vitality

tailwind
Background: bg-gradient-to-br from-yellow-100 via-orange-200 to-yellow-50
Card: bg-white border-2 border-yellow-300 shadow-2xl shadow-yellow-200/50
Button: bg-orange-500 hover:bg-orange-400 shadow-lg shadow-orange-300

XX. JUDGEMENT

Energy: Rebirth, calling, absolution Color Palette:

  • Primary: Angelic White (#fafafa) → Divine calling
  • Secondary: Trumpet Gold (#d97706) → Awakening sound
  • Accent: Resurrection Blue (#60a5fa) → Rebirth
  • Dark: Judgment Gray (#44403c) → Final reckoning

Mood: Awakening, transformative, clarity-bringing Gradient: from-blue-400 via-white to-amber-400 Shadow Style: Radiant, revealing, transcendent Atmosphere: Trumpet call, rising souls, cosmic reckoning

tailwind
Background: bg-gradient-to-b from-blue-200 via-white to-amber-200
Card: bg-white border-2 border-blue-300 shadow-2xl shadow-blue-100
Button: bg-gradient-to-r from-blue-600 to-amber-600 hover:opacity-90

XXI. THE WORLD

Energy: Completion, wholeness, celebration Color Palette:

  • Primary: Cosmic Violet (#8b5cf6) → Universal harmony
  • Secondary: Earth Green (#22c55e) → Grounded completion
  • Accent: Celebration Gold (#fbbf24) → Triumphant joy
  • Dark: Universe Indigo (#312e81) → Cosmic wholeness

Mood: Complete, harmonious, celebratory Gradient: from-violet-600 via-green-500 to-yellow-400 Shadow Style: Embracing, complete, cosmic Atmosphere: Dancing in the cosmos, perfect circle, completion

tailwind
Background: bg-gradient-to-br from-violet-900 via-green-700 to-yellow-600
Card: bg-gradient-to-r from-violet-500/20 to-green-500/20 backdrop-blur-xl
Button: bg-gradient-to-r from-violet-600 via-green-600 to-yellow-600

Using Major Arcana in Design

Color Modifier Syntax

Add a Major Arcana card to any archetype for color transformation:

Hero + Sun = Bold achievement in golden, joyful tones
Magician + Moon = Transformative power in mysterious, lunar hues
Sage + Hermit = Deep wisdom in contemplative, introspective purples
Lover + Star = Romantic connection in hopeful, celestial blues
Palette Application Rules
  1. Primary → Main UI backgrounds, large surfaces
  2. Secondary → Cards, containers, grouped elements
  3. Accent → CTAs, highlights, important actions
  4. Dark → Text, borders, depth elements
Mood Translation

Each card's mood influences:

  • Shadow intensity and color
  • Gradient direction and complexity
  • Border treatments
  • Backdrop blur and opacity
  • Animation timing and easing

"Each card is a portal to an emotional landscape. Choose the door your users should walk through."

© HermeticOrmus, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in plugins/archetypal-alchemy/skills/major-arcana of HermeticOrmus/LibreUIUX-Claude-Code.

Open the folder on GitHubat commit 41a968c

Compare with similar skills

Major Arcana next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Major Arcana compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Major Arcana this skillHermeticOrmus/LibreUIUX-Claude-Code112—~4.4kAutomated safety check: PassMIT
Impeccablebestofjs/bestofjs3.1k26 repos~2.6kAutomated safety check: PassMIT
Figma Design System Builderwarpdotdev/warp65k2 repos~4.4kAutomated safety check: PassAGPL-3.0
Tailwindcss Developmentanonaddy/anonaddy4.9k10 repos~865Automated safety check: PassMIT
UI StylingOhh-889/skyroc79513 repos~2.5kAutomated safety check: PassMIT
MCP Developmentcoollabsio/coolify63k1 repos~949Automated safety check: PassMIT

Similar skills

  • Impeccable

    bestofjs/bestofjs

    A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…

    3.1k GitHub starsUsed in 26 repos~2.6k tokens
    Frontend & DesignAuto-check passed
  • Builds or updates a design system in Figma from a codebase in ordered phases: discovery, variables and tokens, components, theming and documentation, with checkpoints.

    65k GitHub starsUsed in 2 repos~4.4k tokens
    Frontend & DesignAuto-check passed
  • Tailwindcss Development

    anonaddy/anonaddy

    Always invoke when the user's message includes 'tailwind' in any form.

    4.9k GitHub starsUsed in 10 repos~865 tokens
    Frontend & DesignAuto-check passed
  • UI Styling

    Ohh-889/skyroc

    Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

    795 GitHub starsUsed in 13 repos~2.5k tokens
    Frontend & DesignAuto-check passed
  • MCP Development

    coollabsio/coolify

    A skill your agent uses for Laravel MCP development. An agent skill from coollabsio/coolify.

    63k GitHub starsUsed in 1 repo~949 tokens
    Frontend & DesignAuto-check passed
  • UI UX Pro Max

    saoudi-h/solar-icons

    UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.

    190 GitHub starsUsed in 18 repos~11k tokens
    Frontend & DesignAuto-check: notes

More from HermeticOrmus/LibreUIUX-Claude-Code

All 15 skills in this repo
  • Deployment Pipeline Design

    HermeticOrmus/LibreUIUX-Claude-Code

    Design multi-stage CI/CD pipelines with approval gates, security checks, and deployment orchestration.

    112 GitHub starsUsed in 11 repos~2.1k tokens
    Auto-check passed
  • Multi Cloud Architecture

    HermeticOrmus/LibreUIUX-Claude-Code

    Design multi-cloud architectures using a decision framework to select and integrate services across AWS, Azure, and GCP.

    112 GitHub starsUsed in 11 repos~1.2k tokens
    Auto-check passed
  • Archetypal Combinations

    HermeticOrmus/LibreUIUX-Claude-Code

    Rules and worked examples for combining an archetype (structure and behavior) with a Major Arcana card (color and mood) into one coherent design system.

    112 GitHub stars~3.4k tokensUpdated 6 days ago
    Auto-check passed
  • Langchain Architecture

    HermeticOrmus/LibreUIUX-Claude-Code

    Design LLM applications using the LangChain framework with agents, memory, and tool integration patterns.

    112 GitHub starsUsed in 10 repos~2.5k tokens
    Auto-check passed
  • Brand Systems

    HermeticOrmus/LibreUIUX-Claude-Code

    Brand identity building blocks: positioning, personality, archetypes, logo systems, color palettes, type pairing, voice, and guidelines documentation.

    112 GitHub stars~2.3k tokensUpdated 6 days ago
    Auto-check passed
  • Design Principles

    HermeticOrmus/LibreUIUX-Claude-Code

    Core visual design principles (visual hierarchy, Gestalt grouping, composition, balance, contrast, white space, color, typography) with UI fixes, a checklist, and deep-dive references.

    112 GitHub stars~2k tokensUpdated 6 days ago
    Auto-check passed

Questions about Major Arcana

What does Major Arcana do?

The 22 Major Arcana cards mapped to color palettes, lighting, gradients, and moods for UI. Major Arcana is an agent skill from HermeticOrmus/LibreUIUX-Claude-Code. The 22 Major Arcana cards mapped to color palettes, lighting, gradients, and moods for UI.

When should I use Major Arcana?

Major Arcana fits situations like: A design needs a symbolic color system; A user names a card such as the Sun.

How do I install Major Arcana in Claude Code?

Run `npx skills add HermeticOrmus/LibreUIUX-Claude-Code --skill major-arcana -a claude-code`. Or copy the skill folder (plugins/archetypal-alchemy/skills/major-arcana in HermeticOrmus/LibreUIUX-Claude-Code) into .claude/skills/major-arcana in your project. Claude Code loads it when a task matches its description.

How do I install Major Arcana in Codex?

Run `npx skills add HermeticOrmus/LibreUIUX-Claude-Code --skill major-arcana -a codex`. Or copy the skill folder (plugins/archetypal-alchemy/skills/major-arcana in HermeticOrmus/LibreUIUX-Claude-Code) into .agents/skills/major-arcana in your project. Codex loads it when a task matches its description.

Can I use Major Arcana in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add HermeticOrmus/LibreUIUX-Claude-Code --skill major-arcana -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/major-arcana, .gemini/skills/major-arcana, .github/skills/major-arcana and .opencode/skills/major-arcana in your project.

What does Major Arcana need to run?

SKILL.md names no scripts, command-line tools or credentials: Major Arcana is instructions for the agent only.

Does Major Arcana access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Major Arcana safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Major Arcana use?

Major Arcana is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Major Arcana use?

About 4.4k tokens (SKILL.md is roughly 17k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Major Arcana?

Skills that share tags, products or a category with Major Arcana: Impeccable (bestofjs/bestofjs, 3.1k stars), Figma Design System Builder (warpdotdev/warp, 65k stars), Tailwindcss Development (anonaddy/anonaddy, 4.9k stars) and UI Styling (Ohh-889/skyroc, 795 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Major Arcana?

HermeticOrmus (a GitHub user) maintains it in HermeticOrmus/LibreUIUX-Claude-Code, which has 112 GitHub stars. The repository holds 15 skills in this directory. The repository was last updated on October 4, 2026.

Source: HermeticOrmus/LibreUIUX-Claude-Code on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.