Inspiration
We wanted to bring the Halloween spirit into developers' coding environment while making it fun and interactive. The idea of combining a spooky theme with an AI-powered pet companion that comments on your code felt like the perfect way to make coding more engaging during the Halloween season.
What it does
Kiroween Theme Pack is a complete Halloween experience for VS Code that includes: -A dark theme with spooky orange and purple accents -Custom Halloween icon set featuring pumpkins, ghosts, and skulls -Three interactive pet companions (Pumpkin, Skeleton, Ghost) that use AI to provide commentary on your code -Animated sprites and customizable behavior to keep you company while coding
How we built it
We created this as a VS Code extension pack that bundles two separate extensions: -The Kiroween Theme - built with custom color tokens and icon definitions -The Halloween Phantom Pet - developed with sprite animations and OpenAI API integration for AI-powered code commentary -The pack uses VS Code's extension pack format to deliver both components in a single installation.
Challenges we ran into
-Balancing the spooky aesthetic while maintaining code readability -Integrating AI commentary in a way that's helpful but not intrusive -Creating smooth sprite animations that work across different editor configurations -Ensuring the theme works well with various programming languages and file types
Accomplishments that we're proud of
-Successfully created a cohesive Halloween experience that's both functional and fun -Integrated AI in a creative way that adds personality to the coding experience -Built a production-ready extension pack with proper documentation and marketplace presence -Gave developers three unique pet personalities to choose from
What we learned
-How to create and publish VS Code extension packs -Techniques for building custom themes and icon sets -Integrating AI APIs into editor extensions -LLM structured output as directive to trigger specific functions -The importance of user customization options for different preferences
What's next for KiroTheme
-Adding more pet options and personalities -Seasonal theme variations beyond Halloween -Enhanced AI commentary with code suggestions -Community-contributed icon sets and theme variants -Interactive pet mini-games and achievements
Built With
- css
- json
- node.js
- openai
- typescript
- vsce
Log in or sign up for Devpost to join the conversation.