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.

主な機能

01Generates complete Tailwind CSS configurations and component code snippets

02Applies atmospheric color modifiers and lighting styles from Major Arcana themes

032 GitHub stars

04Maps psychological archetypes to specific layout, motion, and interaction behaviors

05Provides detailed design rationale for every generated component and style choice

06Synthesizes design systems using the Archetype + Card synthesis formula

ユースケース

01Creating thematic landing pages that align with user psychology and personas

02Rapidly prototyping unique brand identities with specific emotional signatures

03Generating cohesive design systems for complex applications without a dedicated designer

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/libreuiux-claude-code archetypal-combinations

For use in Claude.ai and ChatGPT

主な機能

01Generates complete Tailwind CSS configurations and component code snippets

02Applies atmospheric color modifiers and lighting styles from Major Arcana themes

032 GitHub stars

04Maps psychological archetypes to specific layout, motion, and interaction behaviors

05Provides detailed design rationale for every generated component and style choice

06Synthesizes design systems using the Archetype + Card synthesis formula

ユースケース

01Creating thematic landing pages that align with user psychology and personas

02Rapidly prototyping unique brand identities with specific emotional signatures

03Generating cohesive design systems for complex applications without a dedicated designer

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/libreuiux-claude-code archetypal-combinations

For use in Claude.ai and ChatGPT