OpenKombai
OpenKombai: A free, privacy-first alternative to Kombai. Instantly convert screenshots and designs into production-ready React + Tailwind code using local LLMs (Llama 3.2 Vision & Qwen 2.5). No API keys, zero cloud costs.
Install / Use
/learn @gojodennis/OpenKombaiREADME
OpenKombai
Free, Local, Open Source AI Frontend Generator. (Alternative to Kombai)
OpenKombai is an open-source tool that turns Screenshots and Design Files into production-ready React + Tailwind CSS code using local AI models. No API keys required. No cloud costs. 100% Private.
🚀 Features
- Zero Cost: Built on top of local LLMs (Llama 3.2 Vision, Qwen 2.5 Coder) via Ollama.
- Private & Secure: Your designs never leave your machine.
- Framework Support: Generates React + Tailwind CSS + Lucide Icons.
- Studio UI: A simple React-based interface to drag-and-drop screenshots and preview code.
🛠️ Tech Stack
- Backend: Python (FastAPI) + Pillow + Ollama
- Frontend: React + Vite + Shadcn UI
- AI Engine: Ollama (Must be installed separately)
📦 Getting Started
Prerequisites
- Install Ollama: Download here
- Pull Models:
ollama run llama3.2-vision ollama run qwen2.5-coder - Python 3.10+ and Node.js 18+
Installation
-
Clone the repo
git clone https://github.com/yourusername/open-kombai.git cd open-kombai -
Start Backend
cd backend pip install -r requirements.txt fastapi dev main.py -
Start Frontend
cd frontend npm install npm run dev
🤝 Contributing
We welcome contributions! Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests.
📄 License
This project is licensed under the MIT License - see the LICENSE file for details.
Related Skills
bluebubbles
340.5kUse when you need to send or manage iMessages via BlueBubbles (recommended iMessage integration). Calls go through the generic message tool with channel="bluebubbles".
slack
340.5kUse when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
frontend-design
84.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Agent Development
84.2kThis skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.
