# Surface Shadow Material Systems

> Design component surfaces and elevation states.

- Skill: `thegoat395/surface-shadow-material-systems` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add thegoat395/surface-shadow-material-systems`
- Raw SKILL.md: https://api.skillmd.com/api/skills/thegoat395/surface-shadow-material-systems/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: TheGoat395 (https://skillmd.com/u/thegoat395)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/thegoat395/surface-shadow-material-systems

---


# Surface Shadow Material Systems

## Use This Skill

Use this skill for design surfaces, shadows, borders, and material depth with restraint.

## Scoped execution

Apply the [shared web contract](../website-operating-rules/references/scoped-web-contract.md) once when execution crosses phases; reuse it if already read. Load only the specialist guidance relevant to the requested surface and deliverable.

## Required Reference

Read [references/surface-shadow-material-systems-guide.md](references/surface-shadow-material-systems-guide.md) before making architectural or visible UI changes with this skill.