Jungian Archetypes → UI/UX Aesthetics

Translate 12 Jungian archetypes into UI/UX design languages with Tailwind CSS examples.

89|14|Updated Nov 15, 2025
One-click install
npx skills add https://github.com/HermeticOrmus/LibreUIUX-Claude-Code --skill jungian-archetypes-ui-ux-aesthetics
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Jungian Archetypes → UI/UX Aesthetics
Source: https://github.com/HermeticOrmus/LibreUIUX-Claude-Code/tree/main/plugins/archetypal-alchemy/skills/jungian-archetypes
Command: npx skills add https://github.com/HermeticOrmus/LibreUIUX-Claude-Code --skill jungian-archetypes-ui-ux-aesthetics

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps designers translate abstract psychological archetypes into concrete, resonant UI/UX design patterns, ensuring a deeper connection with users.

Core Features & Use Cases

  • Archetype Mapping: Provides detailed visual languages, UI characteristics, typography, layout, spacing, and motion guidelines for each of the 12 Jungian archetypes.
  • Practical Examples: Includes Tailwind CSS code snippets for quick implementation of archetype-specific UI elements.
  • Use Case: A product team wants to design a new journaling app. By applying the 'Sage' archetype, they can create a clean, minimal, and information-focused interface that encourages deep reflection and wisdom-seeking.

Quick Start

Use the Jungian Archetypes skill to generate UI patterns for the 'Hero' archetype.

Frequently Asked Questions about Jungian Archetypes → UI/UX Aesthetics

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I translate Jungian archetypes into UI/UX design patterns?

Mapping Jungian archetypes to UI/UX design involves defining specific visual languages, typography, layout, spacing, and motion guidelines for each archetype to create emotionally resonant interfaces.

What is the connection between psychology and UI aesthetics in design systems?

The connection between psychology and UI aesthetics in design systems lies in aligning universal human motivations with visual elements, interaction patterns, and typography to create emotionally resonant and psychologically aligned user interfaces.

Can I use Tailwind CSS to implement archetype-specific UI elements?

Yes, you can implement archetype-specific UI elements using Tailwind CSS because the framework provides practical Tailwind CSS code snippets for quick implementation of distinct archetype design languages.

How do I apply the Sage archetype to a minimalist journaling app interface?

Applying the Sage archetype to a journaling app interface involves using the framework's guidelines to create a clean, minimal, and information-focused UI that encourages deep reflection and wisdom-seeking.

Does this archetype framework include motion and interaction pattern guidelines?

Yes, the archetype framework includes motion and interaction pattern guidelines, providing specific guidance on visual elements, interaction patterns, layout, spacing, and motion for each of the 12 Jungian archetypes.

Best way to build emotionally resonant branding using psychological archetypes?

Building emotionally resonant branding using psychological archetypes involves mapping the 12 Jungian archetypes to distinct UI/UX design languages and applying the resulting visual elements and interaction patterns to your project.