What problem does it solve? Default Tailwind shadow scales often look generic or blunt, and hand-tuning box-shadow values for polished elevation is tedious. This Skill provides three pre-tuned, layered shadow utilities so cards, panels, popovers, and hero media get refined neutral depth without guesswork. ## Core Features & Use Cases - Three fixed shadow tiers: Beautiful sm for compact cards and form controls, Beautiful md as the default elevated surface, and Beautiful lg for hero media and modal-like containers. - Exact Tailwind arbitrary values: Each tier is a copy-paste-ready shadow-[...] class with layered rgba offsets, requiring no custom CSS. - Usage and avoidance rules: Clear guidance on pairing shadows with surface fills and radius, and on avoiding colored tints, stacked utilities, or mixing with default Tailwind shadow scales. - Use Case: When styling a pricing card component, apply the Beautiful md class to give it layered neutral elevation that matches a polished design system without writing custom box-shadow CSS. ## Quick Start Ask the AI to apply the beautiful shadow utilities to elevate a card or panel component in your Tailwind markup.
