👻 Kiroweenscare: When Code Review Gets Spooky

Victoria Eloho — Fri, 05 Dec 2025 19:51:42 +0000

Turn code reviews from boring to bone-chilling - where bugs become monsters and every analysis is a haunted adventure.

Let's be honest: code reviews are essential, but they're about as exciting as watching paint dry. You scan through lines of code, spot a memory leak here, an unused variable there, and think "not this again."

But what if finding bugs could actually be... fun?

That's exactly what I set out to create for the Kiroween Hackathon 2025. Meet Kiroweenscare - a haunted code analysis tool that transforms boring bug reports into a supernatural experience.

🎃 The Idea: Bugs Are Actually Monsters

The concept hit me while debugging at 2 AM (as all good ideas do). I was staring at yet another memory leak and thought: "This thing is literally draining my app's resources like a vampire."

And that's when it clicked. What if every bug type was a different monster?

👻 Ghosts - Unused variables haunting your codebase
🧟 Zombies - Dead commented code that refuses to die
🧛 Vampires - Memory leaks draining your resources
😈 Demons - Critical security vulnerabilities
🧙 Witches - Magic numbers cursing your code
💀 Skeletons - Empty functions with no body

Suddenly, fixing a memory leak isn't a chore—you're slaying a vampire. Finding unused variables? You're ghost hunting. Code review just became an adventure.

🔨 Building It: From Zero to Haunted in 2 Hours

Here's where things get interesting. I built the entire app in under 2 hours using Kiro CLI's conversational development. No joke.

The Secret Sauce: Kiro Workflows

1. Steering Docs - Teaching Kiro to Speak Halloween

First, I created .kiro/steering/spooky-theme.md to define the Halloween vibe. This doc mapped every technical term to spooky language:

Bugs → Monsters
Issues → Hauntings
Analysis → Summoning spirits
Code review → Haunting

The game-changer? Once I set this up, Kiro automatically used Halloween terminology in every component it generated. No more manual find-and-replace. The entire app just "spoke Halloween" naturally, saving me hours and ensuring 100% thematic consistency.

2. Spec-Driven Development - The Blueprint

For the code analyzer engine, I wrote a detailed spec in .kiro/specs/code-analyzer.md. Each monster had:

Detection criteria
Regex patterns
Severity levels
Language support

This gave Kiro crystal-clear requirements. No ambiguity, no back-and-forth. The pattern matching logic came out robust and maintainable on the first try.

3. Vibe Coding - The Fun Part

For the UI and animations, I switched to conversational "vibe coding." I'd say things like "make the text flicker like a candle" or "add a fog effect that drifts across the screen," and Kiro would generate the CSS animations instantly.

The hybrid approach worked perfectly: spec-driven for complex logic, vibe coding for visual iteration.

4. Agent Hooks - Quality on Autopilot

I set up .kiro/hooks/pre-commit.sh to automatically:

Run ESLint before commits
Detect console.log statements (Console Vampires!)
Find TODO/FIXME comments
Enforce code quality gates

This turned quality checks from a manual checklist into an invisible safety net. Saved about 30% of my usual pre-commit time.

🎨 The Experience

The final product is a dark, atmospheric web app where you paste your code and "unleash the haunting." The analyzer scans your code with spooky animations—flickering text, floating elements, fog effects—then reveals which monsters are lurking in your codebase.

Each monster shows:

The exact line it's haunting
Severity level (Critical, High, Medium, Low)
A description of the curse it's casting

The UI uses deep purples, blood reds, and toxic greens. Everything flickers and floats just enough to feel eerie without being distracting. It's playful-scary, not genuinely frightening.

💡 What I Learned

Thematic consistency is hard. Maintaining Halloween language across 15+ components while keeping it functional required constant attention. The steering doc was a lifesaver.

Regex is both powerful and frustrating. Creating patterns that work across JavaScript, Python, and Java while minimizing false positives took serious tuning.

Specs prevent scope creep. Having a clear blueprint kept me focused on the core monster types instead of adding "just one more feature."

Kiro workflows actually work. I was skeptical about AI-assisted development, but the combination of steering, specs, and vibe coding genuinely accelerated my process.

🚀 What's Next?

The hackathon version is just the beginning. Future plans include:

AI-powered suggestions for fixing each monster
GitHub integration for automated PR reviews
Sound effects for monster discoveries
Multiplayer "haunted code" challenges
Export reports as shareable spooky images

🎬 Try It Yourself

Live Demo: https://kiroweenscare.vercel.app/

GitHub: https://github.com/ToriEl-2640/kiroweenscare

Paste some code and see what monsters are haunting your codebase. Fair warning: you might actually enjoy code review for once.

Built for the Kiroween Hackathon 2025 - Costume Contest Category

Because every developer deserves a code review tool that's as fun as it is functional. 👻🎃

TaskBuddy: Building a Productivity Tool with Kiro

Victoria Eloho — Wed, 10 Sep 2025 02:14:38 +0000

kiro

Inspiration ✨

What inspired me was how thinking of many undone tasks can be overwhelming and even block progress on the ones already done. I wanted a tool that helps you focus on progress, not pressure — and that’s how TaskBuddy was born.

Building with Kiro ⚡

Instead of writing every single line of code manually, I used Kiro as my coding partner. I structured my project by:

Spec-driven approach – I wrote a .yaml spec that defined my app’s endpoints, task features, and events.
Conversational coding – I asked Kiro to generate modules step by step (task creation, background customization, responsive design).
Hook events – I used hooks to automate task state changes, improving workflow and reducing bugs.

The most impressive part? Kiro generated interconnected, consistent code from the spec without me needing to manually reconcile files.

Features of TaskBuddy ✅

Add, delete, and toggle tasks (done/undone)
Responsive UI with a clean layout
Customizable backgrounds (default gallery or user upload)
AI-structured code workflow (via Kiro)

What I Learned 📚

How to think in specs and workflows instead of raw code.

How conversational coding can save hours of debugging.

The power of combining AI + human creativity for fast prototyping.

Challenges Faced 🛠️

Deciding the right balance between manual edits vs. trusting Kiro’s output.

Managing responsiveness across devices.

Deploying everything neatly on GitHub Pages.

Final Thoughts 💡

Kiro changed the way I approach development. Instead of asking “Where do I start?” I now ask, “How do I want the workflow to look?” — and Kiro helps me bring it to life.

👉 Try Kiro at https://kiro.dev.

DEV Community: Victoria Eloho