KiloGuide

Instant, In-Browser Documentation and Guidance for Kilo Code Developers

Comment

Inspiration

We would like to build a browser extension that provides quick, accessible documentation for Kilo Code's platform features. Developers using Kilo Code's Cloud Agents, Code Reviews, and Deploy features can use a convenient reference guide without leaving their workflow.

What it does

KiloGuide is a Chrome/browser extension that provides comprehensive documentation for three main Kilo Code features:

  • Cloud Agents: Remote development environments that run Kilo Code in isolated Linux containers, auto-create branches, and continuously push work to GitHub
  • Code Reviews: Automated AI-powered PR reviews with customizable strictness levels (Strict/Balanced/Lenient) and focus areas (security, performance, bugs, style, tests, documentation)
  • Deploy: One-click deployment for Next.js apps and static sites with automatic rebuilds, deployment history, and rollback capabilities

How we built it

  • Built as a Manifest V3 Chrome extension
  • HTML, CSS, and vanilla JavaScript
  • Tab-based navigation system with nested sub-sections
  • Lightweight popup interface (450px width) with clean, readable styling

Challenges we ran into

  • Organizing extensive documentation into a compact, navigable popup interface
  • Creating an intuitive nested navigation system that handles both main sections and sub-sections
  • Balancing comprehensive information with limited screen real estate
  • Ensuring the content remains readable and scannable at small sizes

Accomplishments that we're proud of

We were able to create a clean, professional UI that fits complex doc. The documents are helpful for traing Kilo code developers and help them become familiar with the open-source, AI-powered coding agent.

What we learned

We learnt more about Kilo code and its functions, AI-powered coding agent, and VS Code extension

What's next for KiloGuide

  • Add search functionality to quickly find specific topics
  • Include interactive examples or code snippets
  • Add dark mode support
  • Implement keyboard shortcuts for navigation
  • Add links to external Kilo Code documentation and resources

Built With

Share this project:

Updates