kapishdima/soundcn ? reverse-engineered prompt

Build me a clean website for a collection of 700 plus UI sound effects that people can browse, preview, and install into their React app with one command.

I want it to feel like a shadcn style resource, with a searchable gallery of sounds, simple categories, and an easy way to hear each sound before copying it. Each sound should be installable as a TypeScript module with the audio data bundled right in the file, so there are no extra assets or runtime fetches. Also include a small hook for playing sounds in React with the Web Audio API.

Make the experience feel polished and fast, with a strong landing page, sound cards, detail views, and clear install instructions. If you need to check current docs for the shadcn CLI or best implementation details, look them up online. Keep it open source friendly and easy to extend with more sounds later.