Skills
.Work. You
Rest

expressive-design

Community

Craft emotionally engaging UIs with M3E.

Design & Creative#design system#ui/ux#material design#component library#flutter#expressive design
Authorab22593k
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides comprehensive guidance on implementing Google's Material 3 Expressive (M3E) design system in Flutter, enabling the creation of emotionally engaging and accessible user interfaces.

Core Features & Use Cases

  • Design System Guidance: Detailed specifications for color, typography, motion, shapes, and spacing.
  • Component Implementation: Guidelines for building expressive UI components like buttons, cards, and navigation elements.
  • Platform Support: Specific notes for Android and Linux desktop integration.
  • Use Case: A Flutter developer wants to build a new app that feels modern, vibrant, and emotionally resonant. They can use this Skill to understand and apply the M3E design principles and components to achieve that goal.

Quick Start

Follow the steps outlined in the MIGRATION.md reference to update your Flutter project's theme and components to use Material 3 Expressive.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: expressive-design
Download link: https://github.com/ab22593k/skills/archive/main.zip#expressive-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.