What problem does it solve? Default Tailwind shadow scales often look generic or blunt, and hand-tuning box-shadow values for cards, popovers, and hero sections is slow and inconsistent. This Skill provides three pre-tuned, layered shadow utilities that produce refined neutral elevation without colored tinting. ## Core Features & Use Cases - Three fixed shadow tiers: Beautiful sm for compact cards and form controls, Beautiful md as the default elevated surface for cards, panels, and popovers, and Beautiful lg for hero media, feature callouts, and modal-like containers. - Exact arbitrary-value classes: Each tier is a copy-paste-ready Tailwind arbitrary shadow utility with layered rgba offsets, so no custom CSS or config changes are needed. - Usage rules and anti-patterns: Guidance on pairing shadows with surface fills and radius, plus explicit avoid-list (no mixing with default Tailwind shadows, no colored tinting, no stacking multiple utilities). - Use Case: When building a pricing page, apply Beautiful md to plan cards and Beautiful lg to the featured plan so the hierarchy reads clearly without touching a stylesheet. ## Quick Start Ask the AI to apply the beautiful shadow utilities to your card, popover, or hero component and specify whether you want the sm, md, or lg elevation tier.
