UtilityDeck - All-in-one utility belt, vibe-coded with Google AI Studio
by•
The Problem:
We all have that messy folder of "random scripts" or bookmark bar filled with ad-heavy sites just to convert a JSON file, resize an image, or format some text. It breaks your flow.
The Solution:
UtilityDeck is a centralized command center for all those micro-tasks. It’s clean, fast, and brings everything into one dashboard.
Replies
Hey Hunters! 👋 Subramanian here.
I'm a developer and photographer who got tired of Googling "convert png to webp" and landing on spammy sites. I wanted a clean, fast, single-page dashboard for all the little digital chores I do daily.
Enter UtilityDeck.
🚀 The Backstory:
This project was an experiment in "Vibe Coding." Instead of writing every line of CSS by hand, I used Google AI Studio as my pair programmer. I would describe the functionality and the "vibe" (clean, dark mode, card-based), and we iterated live.
It’s built with React and Tailwind, but the speed of development was unlike anything I've experienced before. It proved to me that we can build useful, polished software just by guiding the AI with the right intent.
✨ Here is what's currently in the Deck:
📂 Curated Resources
📦 Curated Assets & RSS Feeds
🖼️ Image & Media Studio
🎨 Image & SVG Studios
🔄 Bulk Image, Audio & Video Converters
🎨 Design & Color Tools
🌈 Extraction: Image Color Finder, Palette Extractor & Generator
👀 Analysis: Contrast Checker, Vision Simulator
🛠️ Manipulation: Color Mixer, Mode Converter, Master Color List
📚 Reference: Pantone History, HTML Color Names
📸 Photography Suite (WIP)
📐 Calculators: DoF (Basic, Advanced, Macro), Hyperfocal & DoF Tables
🔭 Optics: COC Calculator, Diffraction Limit, Macro Diffraction
🌌 Astro & Nature: 500 Rule, Timelapse Maker, Astro Coaching, Bird Photography Tips
⚡ CSS & UI Generators
📦 Layout: Flexbox, Grid, & Subgrid Generators
✨ Effects: Shadow, Gradient & Pattern Generators
🔘 Components: Buttons, Checkbox, Radio, Input Switch & Form Generators
📝 Text & Typography
🔠 Case Converter & Whitespace Remover
🔡 Font Pair Finder & String Splitter
📖 Bionic Reading & Handwriting Converter
📄 Lorem Ipsum Generator
📏 Unit Converters
⚖️ Length, Weight, Temp, Area, Volume
⚡ Energy, Speed, Pressure, Power, Angle
⛽ Fuel Consumption & Data Storage
💅 Theme Builders
🎨 Bootstrap Builder & Tailwind Configurator
💠 ShadCN UI Designer & PrimeNG Builder
🌍 Daily Pulse & Knowledge Hubs (WIP)
📅 Unified Calendar & Global Monitor
🧠 Knowledge Vaults: Quotes, Facts, Botanical Lab, Avian Explorer, Wildlife Tracker, Cosmic Voyager
🎬 Media Hubs: Movies, TV Shows, Books, Songs
💰 Currency Converter & Weather Forecaster
📜 Culture: Kural Wisdom & Lexical Forge
🚀 Social Media Kit
🖼️ YT Thumbnail Maker & Title Generator
📈 Viral Strategy & Instagram Hub
🐦 Tweet Maker & Facebook Copy Helper
💼 Portfolio Helper
🛠️ Dev Utilities
💻 Code: JSON Formatter, HTML Entity Encoder/List
🔐 Security: MD5/SHA256 Encrypt & Decrypt, Password Generator
🆔 Data: UUID Generator, Base64 Encoder, URL Percent Coder
🖱️ Cursor List Preview
It’s live now at https://utilitydeck.subramanian.xyz/
Let me know what specific utility tool you find yourself Googling the most—I might just vibe-code it into the deck tonight! 😉
Cheers!