# 🔮 Crystal Ball CI/CD - An AI Code Fortune Teller
For Kiroween 2025, I built an AI-powered code review system
that predicts bugs before deployment - wrapped in a mystical
Halloween UI! 🎃
## What It Does
Crystal Ball analyzes GitHub Pull Requests using Claude 3.5
AI and broadcasts predictions to a real-time dashboard:
- 🔍 Detects SQL injection, XSS, hardcoded secrets
- ⚡ WebSocket real-time updates
- 🎨 Mystical Halloween interface with animations
- 📊 Color-coded scores: 🟢 ≥80, 🟡 60-79, 🔴 <60
## How Kiro Changed My Workflow
### Spec-Driven Development
I wrote specs in .kiro/specs/ defining the architecture,
API contracts, and requirements. Kiro generated
production-ready code that just worked - zero integration
bugs because contracts were defined upfront!
### Vibe Coding for UI
The game-changer: I described what I wanted ("floating
crystal ball with mystical glow", "flying ghost animations")
and Kiro generated 500+ lines of perfect CSS with:
- Glass refraction gradients
- Rotating mist animations
- Random lightning strikes
- Individual ghost trajectories
What took days of CSS tweaking took hours with vibe
coding.
### The Combo
Specs for the plumbing, vibes for the polish. Backend
logic needed precision - API contracts, security,
validation. UI needed feel - mystical glow, smooth easing,
ethereal effects. Kiro handled both seamlessly.
## Tech Stack
Python | FastAPI | Claude API | React | WebSockets | GitHub
Webhooks
## Try It
🔗 GitHub:
https://github.com/gagarinyury/crystal-ball-cicd-kiro
🌐 Live Demo: http://207.180.199.169:5175
The .kiro/ directory has all the specs - see spec-driven
development in action!
## Key Takeaway
Kiro's vibe coding understood intent. When I said "make it
feel mystical," it added pulsing glows, exponential easing,
and layered shadows I hadn't thought of. That aesthetic
understanding is powerful! ✨
May the Crystal Ball reveal only good omens in your code! 🔮
#kiro #kiroween #ai #codereview
Top comments (0)