Visual stylesLocal editorial record

Material

Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.

Catalog record

Installable source artifact

This page explains the direction locally, then links to the exact upstream artifact and its verified install command.

What this gives you

A clearer brief for the agent.

Sets the visual language an agent should keep: type, color, surfaces, density, and mood.

Expected result

Screens that feel intentional and consistent instead of assembled from generic defaults.

Use it when

You need a strong visual direction before polishing individual screens.

Source repository stars

2.4K

Source repository · verified 2026-08-17

Install status

Installable source artifact

material · Skills CLI

Install this skill with one command.

This exact source artifact can be installed in your project with the Skills CLI.

$npx skills add https://github.com/bergside/awesome-design-skills --skill material

Skill name: material · installs into the agent directory selected by the CLI.

Open source SKILL.md Read install guidance

Related directions

Continue inside DesignMD.

Industrial brutalist UIRaw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics.Minimalist UIClean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels.Agency grid layout minimalCreate a minimal agency design system with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained image blocks, and subtle structural detail.Blue cloudy clean modernCreate a clean modern design system with a luminous blue sky atmosphere, soft drifting cloud light, minimal white framing, and serene premium typography.