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!