Can I use this for brand discovery?

Yes, the skill links visual styles to cultural meanings (e.g., using Arts & Crafts for 'artisanal' brands), helping you align your UI with your brand identity.

Does it include modern UI trends?

Absolutely. It covers Flat Design, Neumorphism, Glassmorphism, and the 2020s Contemporary Eclecticism movement.

What movements are covered?

It covers major movements including Bauhaus, Swiss International, Art Deco, Memphis Group, Art Nouveau, Grunge, and many more.

Is this skill useful for accessibility?

The skill provides warnings for styles that may be difficult to make accessible, such as Psychedelic design, helping you balance aesthetics with usability.

How does this skill help with frontend development?

It provides specific CSS markers and Tailwind configurations for various historical styles, allowing developers to implement sophisticated aesthetics with technical precision.

Design Movements Mastery

Name: Design Movements Mastery
Author: HermeticOrmus

byHermeticOrmus

•

Design Tools

Guides UI/UX aesthetic direction by applying historical design movements and their specific visual patterns to modern frontend code.

About

The Design Movements skill transforms Claude Code into a sophisticated design consultant capable of interpreting and implementing iconic styles from the Arts & Crafts movement through to Contemporary Eclecticism. It provides deep historical context, specific visual markers, and ready-to-use Tailwind CSS implementations for styles like Bauhaus, Swiss International, and Memphis Group. This skill is essential for developers and designers who want to move beyond generic UI patterns and create intentional, brand-aligned interfaces grounded in proven design theory and cultural significance.

Key Features

Detailed visual markers for 10+ major design movements
Pre-configured Tailwind CSS snippets for rapid aesthetic implementation
Trend cycle analysis and prediction for future-proofing designs
Strategic guidance on choosing aesthetics based on brand psychology
2 GitHub stars
Historical lineage mapping from 1850s Arts & Crafts to 2020s Eclecticism

Use Cases

Creating historically accurate or inspired UI for niche digital products
Translating abstract brand pillars into specific CSS-driven visual identities
Auditing existing designs to ensure consistency with a chosen movement's principles

About

Key Features

Detailed visual markers for 10+ major design movements
Pre-configured Tailwind CSS snippets for rapid aesthetic implementation
Trend cycle analysis and prediction for future-proofing designs
Strategic guidance on choosing aesthetics based on brand psychology
2 GitHub stars
Historical lineage mapping from 1850s Arts & Crafts to 2020s Eclecticism

Use Cases

Creating historically accurate or inspired UI for niche digital products
Translating abstract brand pillars into specific CSS-driven visual identities
Auditing existing designs to ensure consistency with a chosen movement's principles