remove-shadow-utilities

What problem does it solve?

This skill removes unwanted visual shadows from frontend UI while preserving accessibility indicators and the rest of the design system.

Core Features & Use Cases

• Targeted shadow removal: Eliminates box-shadow, text-shadow, drop-shadow(...), inset shadows, and Tailwind shadow-* / drop-shadow-* utilities (including arbitrary utilities and token-derived values).
• State-aware scoping: Removes shadows across hover, focus, active, selected, disabled, loading, dark mode, and responsive breakpoints as the user requests.
• Accessibility and style preservation: Keeps rings, outlines, focus-visible indicators, layout, spacing, border radius, color, and unrelated animations intact.
• Validation and verification guidance: Checks remaining cascade sources and verifies the change doesn’t remove more than the user asked.

Quick Start

Tell the agent: "Remove all shadows from this card/button UI, but keep the focus outlines and ring styles unchanged."