What is the Archetypal Alchemy Engine for Claude Code?

It is a skill that enables Claude to generate complete design systems by combining psychological structures (Archetypes) with thematic color palettes (Major Arcana cards).

How do I use the Archetype + Card formula?

You can request Claude to design components using a specific combination, such as 'Hero+Sun' for bold and energetic designs or 'Magician+Moon' for mysterious and transformative interfaces.

What is the benefit of using Major Arcana for colors?

The Major Arcana serves as a rich symbolic library for color theory, providing sophisticated palettes that evoke specific moods, lighting, and atmospheres.

Why combine Jungian archetypes with UI design?

Jungian archetypes provide a universal structural framework that helps ensure your UI layouts and interactions feel intuitive and emotionally aligned with your brand's intent.

Does this skill support Tailwind CSS?

Yes, the skill is optimized to output functional Tailwind CSS classes, configurations, and component code for rapid implementation.

Archetypal Alchemy Engine

Name: Archetypal Alchemy Engine
Author: HermeticOrmus

byHermeticOrmus

•

デザインツール

Generates psychologically-resonant UI/UX design systems by synthesizing Jungian archetypes with Major Arcana color palettes.

概要

The Archetypal Alchemy Engine is a specialized Claude Code skill that bridges depth psychology and frontend development. It allows developers to create cohesive design systems using a unique 'Archetype + Card' formula, where Jungian archetypes dictate structural patterns like typography and layout, while Major Arcana cards provide atmospheric color palettes and shadow styles. This skill is ideal for teams looking to build interfaces with strong emotional resonance and symbolic consistency, outputting ready-to-use Tailwind CSS configurations and component examples.

主な機能

Generates complete Tailwind CSS configurations and component code snippets
Applies atmospheric color modifiers and lighting styles from Major Arcana themes
2 GitHub stars
Maps psychological archetypes to specific layout, motion, and interaction behaviors
Provides detailed design rationale for every generated component and style choice
Synthesizes design systems using the Archetype + Card synthesis formula

ユースケース

Creating thematic landing pages that align with user psychology and personas
Rapidly prototyping unique brand identities with specific emotional signatures
Generating cohesive design systems for complex applications without a dedicated designer

概要

主な機能

Generates complete Tailwind CSS configurations and component code snippets
Applies atmospheric color modifiers and lighting styles from Major Arcana themes
2 GitHub stars
Maps psychological archetypes to specific layout, motion, and interaction behaviors
Provides detailed design rationale for every generated component and style choice
Synthesizes design systems using the Archetype + Card synthesis formula

ユースケース

Creating thematic landing pages that align with user psychology and personas
Rapidly prototyping unique brand identities with specific emotional signatures
Generating cohesive design systems for complex applications without a dedicated designer