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.

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

01Detailed visual markers for 10+ major design movements

02Pre-configured Tailwind CSS snippets for rapid aesthetic implementation

03Trend cycle analysis and prediction for future-proofing designs

04Strategic guidance on choosing aesthetics based on brand psychology

052 GitHub stars

06Historical lineage mapping from 1850s Arts & Crafts to 2020s Eclecticism

Use Cases

01Creating historically accurate or inspired UI for niche digital products

02Translating abstract brand pillars into specific CSS-driven visual identities

03Auditing existing designs to ensure consistency with a chosen movement's principles

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/libreuiux-claude-code design-movements

For use in Claude.ai and ChatGPT

Download Skill