The latest articles on DEV Community by Adele Wisdom (@zeddzoul). https://dev.to/zeddzoul https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1138339%2Fc9868b87-684b-4909-aaf4-204b33e844a1.png https://dev.to/zeddzoul en Adele Wisdom Fri, 05 Dec 2025 17:37:52 +0000 https://dev.to/zeddzoul/kiroween-kinship-monster-matchmaker-pml https://dev.to/zeddzoul/kiroween-kinship-monster-matchmaker-pml <p>Kiroween Kinship is a Horror-themed personality quiz that matches you with your inner monster persona. It's spooky, fun, and powered by AI. It is live at <a href="https://kirome.vercel.app" rel="noopener noreferrer">Kiroween Kinship</a>. The repo is public at <a href="https://www.github.com/zeddzoul/kirome" rel="noopener noreferrer">my github</a>, don't forget to follow.</p> <p>Why I Built This:<br> I wanted to create something fun and interactive for the Kiroween Hackathon — a project that combines personality quizzes (which everyone loves) with AI image generation to give users a unique, shareable experience. Who doesn't want to see themselves transformed into a vampire or werewolf?</p> <p>What It Does:<br> Users answer five personality questions about their preferences (time of day, weather mood, conflict style, snack flavor, and ambition). Based on their answers, the AI assigns them one of 15+ monster personas with a humorous rationale. If they upload a photo, Gemini AI transforms them into their monster persona. They can then share their results.</p> <p>Technology Stack:<br> I used <a href="https://nextjs.org" rel="noopener noreferrer">Next.js 14</a> with App Router for the web framework, TypeScript for type safety, <a href="https://tailwindcss.com" rel="noopener noreferrer">Tailwind CSS</a> for the neon-gothic horror UI, <a href="https://gemini.google.com/" rel="noopener noreferrer">Google Gemini AI</a> for monster assignment and image transformation and <a href="https://kiro.dev/" rel="noopener noreferrer">Kiro IDE</a> with spec-driven development for structured implementation.</p> <p>What I Learned In The Process:<br> The biggest learning was around Gemini's image capabilities. Not all Gemini models support image generation — I discovered that "nano banana" is actually gemini-2.0-flash-image (also known as gemini-2.5-preview-image).<br> I also learned that Google API keys from different sources have different capabilities. My first API key from <a href="https://aistudio.google.com" rel="noopener noreferrer">AI Studio</a> didn't work because I couldn't enable <a href="https://cloud.google.com/vertex-ai" rel="noopener noreferrer">Vertex AI</a> for it. When I switched to an API key from <a href="https://console.cloud.google.com/" rel="noopener noreferrer">Google Cloud Console</a>, I was able to enable Vertex AI and everything worked.</p> <p>Building Experience:<br> This was a fun project to build! The spec-driven approach with Kiro made the development process smooth and organized. I hope it's just as fun for my friends who will use it, and for anyone else who loves building creative, playful stuff.</p> <h1> kiro #ai #horror #fun #gemini #genai </h1> kiro