Vibecoding

Prompt Used -First Iteration: Create a summary of the podcast Think Fast, TalkSmart by Matt Abrahms, I want to extract a specific part of each podcast episode, what is the advice which each podcast episode guest shares, which can be put on a powerpoint slide and is 7 words or less. -Second Iteration: Add natural, inspiring music. Also add slow fade out and transitions between slides. Where possible add some washed out imagery to make the text more relevant and appropriate. ...

Prompt Used: Build an interview simulator, for an upcoming job interview for a senior cybersecurity role. Generate flashcards which will give me appropriate vocabulary for risk, governance, leader, team building, story-telling in STAR format, context-action-impact frameworks. The web-based app, should help me practice consistently by keep track of my effort in terms of practice time, weak areas, strengths and allow me to add sources for topics, content, role specific job descriptions if available. Example Role: Director SOC ...

Create A Browser App - for visualising music Music visualiser app insipired by [Justin’s WinAmp]( It really kicks the llama’s ass :-) LLM used: Claude. Had used Gemini for Day1 (browser addon). Prompt Used Create an interactive browser app which can visualize music, audio. Use X,Y,Z axis for visualization, of the music, with customizable effects like trippy, colours, waterfall. This was a feature available in Winamp. Outcome VIZMIX — your Winamp-inspired 3D audio visualizer. Source code is here Visualization Modes BARS — classic 3D frequency bars along the X axis, height on Y, time on Z WAVE — dual waveform lines with mirror reflection FALL — waterfall cascade where history scrolls back into Z depth SPHERE — 1,800-point particle sphere that deforms to the beat TUNNEL — an infinite zooming tunnel that warps with bass hits Audio Sources 🎵 Drop/click any audio file (MP3, WAV, OGG, FLAC…) 🎙 Live microphone input Customizable Effects 🌀 TRIPPY — shifting background hues + geometry distortion ✨ BLOOM — amplitude-driven brightness boost 🪞 MIRROR — symmetrical reflection 🔄 SPIN — auto-rotating camera orbit 6 Color Palettes — Cyber, Fire, Ocean, Neon, Mono, Rainbow Controls — sensitivity, height, smoothing, animation speed, volume, seek bar, and drag-to-orbit the 3D camera with your mouse (or touch). What could be better Not all the 5 Visualization Modes work very well. Would have liked more granular control of the effects Also looping of tracks, full-screen mode, better UX are ideas to work on in Version2. Interesting Asides Stumbled upon Pixabay | Royalty free music downloads, some amazing stuff here. Tried Audio Coffee Background Visualization, and a few more, will add the links here later.

Two big ideas here Idea#1: Use an LLM, to create something, anything Idea#2: Do it for a 100 days A third, meta idea, is to write about what I’ve done (aside: why is this a meta-idea, will write about it later) Today’s vibe-coding idea: create a browser extension for a URL sanitizer. It removes all tracking parameters from the link before rendering it in a new tab. Tool of choice: Gemini - got this idea from S Ananand’s talk ...