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.

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

01Production-ready Tailwind CSS utility class combinations

02Symbolic mood mapping for specific user experience stages

032 GitHub stars

04Archetypal color palette generation with precise HEX values

05Thematic atmospheric guidelines for lighting, shadows, and gradients

06Comprehensive visual systems for 22 distinct design archetypes

Use Cases

01Rapidly prototyping visually distinct design systems for creative projects

02Creating specialized UI 'modes' or themes based on user intent

03Developing unique branding and landing pages with symbolic depth

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/libreuiux-claude-code major-arcana

For use in Claude.ai and ChatGPT

Download Skill