Surface Shadow Material Systems
SkillWeb & browsingDesign surface, shadow, border, material, radius, glass, elevation, overlay, divider, and depth systems for premium websites and apps. Use when cards, panels, modals, nav, product UI, dashboards, luxury sections, or editorial layouts need polished material hierarchy without generic glassmorphism or
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Surface Shadow Material Systems skill
What this skill tells your AI
The instructions your AI receives, as published by thegoat395/codex-skills in skills/surface-shadow-material-systems/SKILL.md and read by ahel’s review.
Use This Skill
Use this skill for design surfaces, shadows, borders, and material depth with restraint.
Scoped execution
Apply the shared web contract 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 before making architectural or visible UI changes with this skill.
Signals
- GitHub stars
- 124
- Forks
- 48
- Last commit
- Sep 2026
Advanced
- Catalog kind
- skill
- Gateway key
surface-shadow-material-systems- Source
- github.com/thegoat395/codex-skills