feat: add Shader Sky, a theme-aware WebGL sky for heroes

[radiumcoders]

Summary

• Add Shader Sky (React + Svelte): drifting clouds, light/dark weather, optional window-glass film
• Register the component in docs, the shadcn registry, and install snippets
• Harden theme bootstrap so the docs preview does not flash or hydrate-mismatch

Test plan

• Open /docs/components/shader-sky and confirm the default preview is a clear sky with glass off
• Switch the three palettes (blue, slate, sunset)
• Toggle Glass on/off and Copy on/off
• Press d to swap site theme; clouds should keep drifting without jumping at the edges
• Confirm pnpm registry:build still lists shader-sky / shader-sky-svelte

Made with Cursor

Summary by CodeRabbit

• New Features

  • Added Shader Sky, an animated WebGL background with drifting clouds, light/dark themes, optional glass effect, interactivity, reduced-motion support, and customizable appearance.
  • Added React and Svelte registry options for installation.
  • Added an interactive demo and configuration controls.

• Theme & Reliability

  • Improved system theme detection and styling before the page first appears.
  • Prevented search shortcut hydration mismatches.

• Documentation

  • Added Shader Sky to the component catalog, getting-started guide, navigation, and component documentation.

[coderabbitai]

Note

Currently processing new changes in this PR. This may take a few minutes, please wait...

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Advanced

Run ID: 95141bf7-354d-4573-a054-062b6258e1ad

📥 Commits

Reviewing files that changed from the base of the PR and between d599481 and f683e48.

📒 Files selected for processing (19)

• README.md
• app/globals.css
• app/layout.tsx
• components/search-trigger.tsx
• components/theme-provider.tsx
• content/docs/components/meta.json
• content/docs/components/shader-sky.mdx
• content/docs/getting-started.mdx
• content/docs/index.mdx
• lib/theme-bootstrap.ts
• public/r/registry.json
• public/r/shader-sky-svelte.json
• public/r/shader-sky.json
• registry.json
• registry/shader-sky/registry.json
• registry/shader-sky/shader-sky-demo.tsx
• registry/shader-sky/shader-sky-vanilla.ts
• registry/shader-sky/shader-sky.svelte
• registry/shader-sky/shader-sky.tsx

 __________________
< I see dead code. >
 ------------------
  \
   \   (\__/)
       (•ㅅ•)
       / 　 づ

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/shader-sky

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

Cloudflare preview is ready.

Preview	https://pr-31-23rd-dev.radiumcoders.workers.dev
This commit	https://d4441460-23rd-dev.radiumcoders.workers.dev

Production (23rd.dev) is unchanged. This preview URL stays the same as you push to this PR.