Conjure a hauntingly beautiful website for your business in minutes — no coding required!
A spooky-themed, browser-based website generator built for the Kiroween Hackathon 2025. GhostHost enables small business owners with zero coding experience to create professional, mobile-responsive landing pages instantly.
- 👻 Spooky Splash Screen — Dramatic animated intro that sets the haunted mood
- 📦 ZIP Export — Single file download containing all website files
- 🎃 Haunted UI — Floating ghosts, flickering effects, eerie animations
- 👁️ Live Preview — See your website update in real-time as you type
- 🧙 Haunted Presets — One-click templates with playfully spooky content
- 🌙 Kiroween Theme — Dark, modern design with orange/purple accents
- 📱 Mobile-First — Responsive design that works on all devices
- 🚀 Quick Start Guide — 3-step visual guide for new users
- ❓ FAQ Section — Common questions answered inline
- 🔒 Secure — XSS-protected input sanitization
- ♿ Accessible — WCAG 2.1 compliant
Live Demo: https://ghosthost.netlify.app/
# Serve locally for development:
python3 -m http.server 8000
# Open in browser:
open http://localhost:8000/public/- Watch the spooky splash screen — Ghost animation welcomes you
- Select a business type — Coffee Shop, Bakery, Barber, etc.
- Click "Use Haunted Preset" — Auto-fills with spooky content
- Watch the Live Preview — Updates as you type
- Click "Generate" — Downloads single ZIP file
- Deploy to Netlify — Unzip, drag & drop, get a live URL!
This project showcases deep integration with Kiro's AI-powered development features:
.kiro/specs/website-builder/
├── requirements.md # EARS-formatted acceptance criteria
├── design.md # Architecture and component design
└── tasks.md # Implementation task breakdown
| Document | Purpose |
|---|---|
product.md |
Product vision, user personas, features |
tech.md |
Technology stack, architecture patterns |
structure.md |
File organization, naming conventions |
personality.md |
Haunted Mode — spooky tone for content |
// .kiro/hooks/generate-website.kiro.hook
{
"name": "Generate Website (Hook)",
"when": { "type": "manual" },
"then": { "type": "askAgent", "prompt": "Generate website using MCP..." }
}Custom MCP server for programmatic website generation:
// mcp-server/website-generator-server.js
{ name: 'generate_website', inputSchema: { /* business info */ } }- Floating ghost animation with pulsing glow
- Flickering "GhostHost" title in Creepster font
- Animated loading bar
- Floating particles: 👻🦇🎃💀🕷️
- Spiderweb corners on cards
- Eerie hover states (purple/orange glows)
| Business | Haunted Tagline |
|---|---|
| Coffee Shop | "Coffee so dark it might wake the dead" |
| Bakery | "Some say our recipes are centuries old" |
| Barber | "A cut so sharp you'll forget who you were" |
| Laundry | "Your stains will vanish without a trace" |
├── public/ # Application source
│ ├── index.html # Main UI with splash screen
│ ├── js/ # JavaScript modules
│ ├── templates/ # HTML templates
│ └── themes/ # CSS themes (classic, kiroween)
├── mcp-server/ # MCP server for programmatic generation
├── generated/ # Output directory
└── .kiro/ # Kiro configuration
├── specs/ # Feature specifications
├── steering/ # Steering documents
├── hooks/ # Agent hooks
└── settings/ # MCP configuration
Small business owners in Indonesia and Southeast Asia:
- ☕ Coffee shops
- 🥐 Bakeries
- 💈 Barber shops
- 🍜 Food stalls
- 🧺 Laundry services
- 📸 Photographers
Generated websites can be deployed to:
- Netlify — Drag & drop (recommended)
- GitHub Pages — Push to repo
- Vercel — Import and deploy
MIT License — see LICENSE file.
👻 Happy Haunting! 🎃
Built with Kiro for Kiroween Hackathon 2025