What is the Major Arcana design skill?

It is a specialized capability for Claude Code that translates the 22 Major Arcana Tarot cards into functional UI design systems, including colors, moods, and CSS patterns.

Does it provide code I can use immediately?

Yes, the skill provides ready-to-use Tailwind CSS snippets for backgrounds, cards, and buttons that match the specific archetype's energy.

Are the color palettes production-grade?

Absolutely. Each palette includes primary, secondary, accent, and dark shades with tested HEX codes suitable for modern web development.

How do I apply these archetypes to UX?

You can use specific archetypes to match the intent of a page; for example, using 'The Emperor' for admin dashboards requiring authority, or 'The Fool' for onboarding flows requiring a sense of new beginnings.

Major Arcana UI Design System

Name: Major Arcana UI Design System
Author: HermeticOrmus

byHermeticOrmus

•

Design Tools

Generates evocative UI color palettes and visual atmospheres based on Tarot archetypes to enhance digital storytelling.

About

The Major Arcana skill provides a specialized design framework that maps the 22 archetypal life stages of the Tarot to sophisticated UI/UX systems. By providing precise HEX codes, Tailwind CSS configurations, and atmospheric guidance, it allows Claude to generate cohesive visual identities ranging from the ethereal and airy 'Fool' to the structured and authoritative 'Emperor'. This tool is ideal for developers and designers who want to move beyond generic design patterns and infuse their applications with deep emotional resonance, symbolic consistency, and unique aesthetic personalities.

Key Features

Production-ready Tailwind CSS utility class combinations
Symbolic mood mapping for specific user experience stages
2 GitHub stars
Archetypal color palette generation with precise HEX values
Thematic atmospheric guidelines for lighting, shadows, and gradients
Comprehensive visual systems for 22 distinct design archetypes

Use Cases

Rapidly prototyping visually distinct design systems for creative projects
Creating specialized UI 'modes' or themes based on user intent
Developing unique branding and landing pages with symbolic depth

About

Key Features

Production-ready Tailwind CSS utility class combinations
Symbolic mood mapping for specific user experience stages
2 GitHub stars
Archetypal color palette generation with precise HEX values
Thematic atmospheric guidelines for lighting, shadows, and gradients
Comprehensive visual systems for 22 distinct design archetypes

Use Cases

Rapidly prototyping visually distinct design systems for creative projects
Creating specialized UI 'modes' or themes based on user intent
Developing unique branding and landing pages with symbolic depth