All MicroEvals
Build a thoughtful, professional web application for audio a...
Create MicroEval

Build a thoughtful, professional web application for audio a...

Prompt

Build a thoughtful, professional web application for audio analysis featuring an elevated design language inspired by high-end analogue audio hardware. The user interface should seamlessly integrate tactile brushed metal textures, illuminated glass display panels, subtle optical glows, and fluid, engaging micro-animations for all controls and visualizers. Upon uploading an MP3 or WAV file, the system should present a main dashboard featuring both an overall average frequency response graph and a dynamic, real-time frequency visualizer that animates smoothly during playback. All static charts must include clean export options for PNG, JPEG, and SVG formats. In a dedicated secondary view styled like a precision rack-mount visual analyzer, the app must generate a full-song rendered spectrogram alongside a live, horizontally scrolling spectrogram synchronized with the playing track. Ensure intuitive transport controls—such as play, pause, seek, and level metering—behave with satisfying, tactile responsiveness. The app should strike a perfect balance between sophisticated signal analysis and a clean, accessible user experience, housing all live and static spectrogram visualizations within high-contrast, glassmorphic display panels with full export capabilities.

A system prompt was added to support web rendering

Drag to resize
Drag to resize
Drag to resize
Drag to resize