Material 3 Ausdrucksstark (M3E). Umfassende Anleitung zum ausdrucksstarken Designsystem für Flutter mit Plattformunterstützung für Android- und Linux-Desktops. Behandelt Farbtokens, Typografieskalen, Bewegungsspezifikationen, Formtokens, Abstandsrampen und Komponentenverbesserungen zum Erstellen emotional ansprechender Benutzeroberflächen. Enthält Migrationsanleitungen vom Standard-M3 und plattformspezifische Integrationshinweise.
Installieren Sie den KI-Skill expressive-design schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: ab22593k/skills.
Material 3 Expressive (M3E) is Google's most researched design system update, based on 46 studies with 18,000+ participants. It creates emotionally engaging user experiences through strategic use of color, shape, size, motion, and containment.
| Foundations | FOUNDATIONS.md | Research, principles, communication, core elements | | Color | COLOR.md | Tokens, palettes, contrast specs | | Typography | TYPOGRAPHY.md | Scales, values, treatments | | Motion | MOTION.md | Durations, easing, transitions | | Shapes | SHAPES.md | Radii, tokens, containment |
| Spacing | SPACING.md | Spacing ramps, touch targets | | Components | COMPONENTS.md | Component specifications | | Migration | MIGRATION.md | M3 to M3E migration guide | | Accessibility | ACCESSIBILITY.md | Compliance, testing | | Platforms | PLATFORMS.md | Android and Linux desktop |
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/ab22593k/skills --skill expressive-designMaterial 3 Ausdrucksstark (M3E). Umfassende Anleitung zum ausdrucksstarken Designsystem für Flutter mit Plattformunterstützung für Android- und Linux-Desktops. Behandelt Farbtokens, Typografieskalen, Bewegungsspezifikationen, Formtokens, Abstandsrampen und Komponentenverbesserungen zum Erstellen emotional ansprechender Benutzeroberflächen. Enthält Migrationsanleitungen vom Standard-M3 und plattformspezifische Integrationshinweise. Quelle: ab22593k/skills.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/ab22593k/skills --skill expressive-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/ab22593k/skills