Ambient Empty State — mcpskills.net

Create a dark-mode empty state component. Center a softly pulsing gradient orb (indigo to violet) with heavy blur on a near-black background. Below the orb, place a thin uppercase label, a large elegant headline in off-white, a short muted description, and a single outlined button with a subtle glow on hover. Use a clean sans-serif typeface with generous line-height. Use Tailwind CSS. No cartoon illustrations, no icons, only light and typography.

创建一个深色模式空状态组件。在近黑色背景上居中放置一个柔和脉冲的渐变光球（靛蓝到紫罗兰），带有高模糊。光球下方放置细体大写标签、优雅的米白色大标题、简短的柔和描述，以及一个悬停时微发光的轮廓按钮。使用干净的无衬线字体和宽松的行高。使用 Tailwind CSS。不要卡通插图、不要图标，只有光线和字体。

## Overview An empty state that feels intentional and premium. Replaces generic illustrations with atmosphere, light, and restrained typography. ## Features - Pulsing gradient orb with heavy blur - Near-black background - Uppercase label + large headline - Muted description - Glowing outline CTA on hover - No icons or illustrations ## Usage Use for dashboards, lists, or galleries with no data yet. Set the right emotional tone before the user takes action. ## Customization Modify the prompt to: - Change the orb color to match brand accent - Add a subtle noise texture overlay - Replace the button with a ghost link - Add a slow orb drift animation