shelbeely/shelbeely-agent-skills

1

material-design-3-guide Master guide for Material Design 3 — covering the full specification from Material You foundations through M3 Express…

shelbeely/shelbeely-agent-skills

81

2

material-design-3-components Comprehensive guide to Material Design 3 components — from baseline Material You through M3 Expressive.

shelbeely/shelbeely-agent-skills

47

3

material-design-3-typography Applies Material Design 3 Expressive typography principles including variable fonts, type scales, and hierarchy. Use …

shelbeely/shelbeely-agent-skills

36

4

material-design-3-layout Applies Material Design 3 Expressive layout, spacing, and size hierarchy principles including grid systems, responsiv…

shelbeely/shelbeely-agent-skills

34

5

material-design-3-color Applies Material Design 3 Expressive dynamic color and theming principles to user interfaces. Use this when working o…

shelbeely/shelbeely-agent-skills

33

6

material-design-3-icons Applies Material Design 3 icon guidelines using Material Symbols — Google's variable font icon system. Use this when …

shelbeely/shelbeely-agent-skills

32

7

material-design-3-motion Applies Material Design 3 Expressive motion and animation principles to create natural, intuitive, and engaging user …

shelbeely/shelbeely-agent-skills

31

8

material-design-3-shape Applies Material Design 3 Expressive shape and containment principles including rounded corners, morphing shapes, and…

shelbeely/shelbeely-agent-skills

29

9

material-theme-builder Generate Material Design 3 color themes programmatically from a source color using @material/material-color-utilities…

shelbeely/shelbeely-agent-skills

25

10

m3-web-react Implement Material Design 3 in React using MUI (Material UI) with M3-aligned theming, or @material/web with React wra…

shelbeely/shelbeely-agent-skills

13

11

m3-web-tailwind Implement Material Design 3 with Tailwind CSS by mapping M3 design tokens to Tailwind's theme configuration. Covers t…

shelbeely/shelbeely-agent-skills

13

12

m3-web-android Implement Material Design 3 in Android using Jetpack Compose Material 3. Covers theme setup, dynamic color (Material …

shelbeely/shelbeely-agent-skills

12

13

m3-web-webcomponents Implement Material Design 3 using Google's official @material/web library — Lit-based web components. Framework-agnos…

shelbeely/shelbeely-agent-skills

12

14

license-chooser Help choose an appropriate software/open-source license (e.g., MIT, Apache-2.0, GPL-3.0, AGPL-3.0, MPL-2.0, BSD) base…

shelbeely/shelbeely-agent-skills

10

15

m3-web-vanilla Implement Material Design 3 using only vanilla CSS custom properties and semantic classes. Zero dependencies. Use thi…

shelbeely/shelbeely-agent-skills

10

16

m3-web-vue Implement Material Design 3 in Vue.js using Vuetify 3 with M3-aligned theming, dynamic color, and component library. …

shelbeely/shelbeely-agent-skills

9

17

skill-creator Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an ex…

shelbeely/shelbeely-agent-skills

9

18

m3-web-angular Implement Material Design 3 in Angular using Angular Material (@angular/material) with first-class M3 support. Covers…

shelbeely/shelbeely-agent-skills

8

19

m3-web-flutter Implement Material Design 3 in Flutter using the built-in material library with M3 theming and dynamic color. Covers …

shelbeely/shelbeely-agent-skills

8

20

m3-web-ink Implement Material Design 3 in terminal CLIs using Ink (React for CLIs) with @inkjs/ui components. Covers M3 token ma…

shelbeely/shelbeely-agent-skills

7

21

m3-web-svelte Implement Material Design 3 in Svelte using SMUI (Svelte Material UI) or @material/web directly. Covers component usa…

shelbeely/shelbeely-agent-skills

6