Skip to content

A powerful desktop application that helps developers solve coding problems by analyzing screenshots of code and providing AI-powered solutions, alternative to interviewcoder and cluely

Notifications You must be signed in to change notification settings

Xeven777/clueless-coder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

52 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ€– Cluelessly Coder

A powerful desktop application that helps developers solve MCQS, coding problems by analyzing screenshots of code and providing AI-powered solutions.

PRs Welcome GitHub stars

Electron React TypeScript Tailwind CSS

πŸ“₯ Download

✨ Features

πŸ–₯️ Multi-Platform Support

  • Works seamlessly on Windows, macOS, and Linux
  • Native performance with Electron

πŸ€– AI-Powered Coding

  • Multiple AI Providers:
    • Google Gemini (2.5 Flash, 2.0 Flash, 2.5 Pro, and more)
    • Llama (Llama 4 and Llama 3 models)
    • Deepseek (R1 Distill Llama 70B)
    • Mistral (Saba 24B)
    • Qwen (Qwen3 32B and Qwen QWQ 32B)
    • OpenAI (GPT-4o, GPT-4o Mini)
  • Smart Model Selection:
    • Adaptive model selection based on task complexity
    • Balance between speed and accuracy
  • Triple Interaction Modes:
    • Coder Mode: Analyze code from screenshots and get structured solutions
    • Question Mode: Ask conversational questions with optional screenshot context
    • MCQ Mode: Analyze multiple choice questions from screenshots and get correct answers with detailed explanations

πŸ› οΈ Developer Experience

  • Code Analysis:
    • Syntax highlighting
    • Error detection
    • Performance optimization suggestions
  • Debugging Tools:
    • Step-by-step debugging
    • Variable inspection
    • Runtime analysis

🎨 Beautiful UI/UX

  • Responsive design
  • Intuitive keyboard shortcuts

πŸ”’ Privacy Focused

  • Local processing of sensitive data
  • Optional cloud sync
  • No data collection

πŸš€ Quick Start

Prerequisites

  • Node.js 18+ (LTS recommended)
  • npm, yarn, or pnpm
  • Git

Installation

  1. Clone the repository

    git clone https://github.com/Xeven777/clueless-coder.git
    cd clueless-coder
  2. Install dependencies

    # Using bun (recommended)
    bun i
    
    # Or using pnpm
    pnpm install
    
    # Or using yarn
    yarn install

πŸƒβ€β™‚οΈ Running the Application

Development Mode

bun dev  # or npm run dev / yarn dev

Production Build

# For Windows
bun build:win

# For macOS
bun build:mac

# For Linux
bun build:linux

🎯 Usage Guide

Coder Mode (Default)

  1. Launch the application
  2. Capture code using Ctrl+H (or Cmd+H on Mac)
  3. Let the AI analyze your code Ctrl+Enter
  4. Browse through solutions and explanations
  5. Copy the code or debug information

Question Mode

  1. Switch to Question Mode using the "Question Mode" button or Ctrl+M / Cmd+M
  2. Type your question in the text area
  3. Optionally attach screenshots for context using "πŸ“· Attach Screenshot"
  4. Submit your question with Ctrl+Enter / Cmd+Enter
  5. Get conversational AI responses with helpful explanations

MCQ Mode

  1. Switch to MCQ Mode using the "MCQ Mode" button or Ctrl+M / Cmd+M
  2. Take a screenshot of your multiple choice question using Ctrl+H / Cmd+H
  3. Click "Analyze MCQ" to process the question
  4. Get the correct answer highlighted with detailed explanations
  5. View explanations for why other options are incorrect (when available)

Mode Switching

  • Cycle through modes: Ctrl+M / Cmd+M
  • Coder Mode: Best for analyzing code problems and getting structured solutions
  • Question Mode: Perfect for asking general programming questions, getting explanations, or seeking advice
  • MCQ Mode: Ideal for analyzing multiple choice questions and understanding correct answers with explanations

⌨️ Keyboard Shortcuts

Action Shortcut Description
Toggle Visibility Ctrl+B / Cmd+B Show/hide the application window
Take Screenshot Ctrl+H / Cmd+H Capture a screenshot for analysis
Process/Submit Ctrl+Enter / Cmd+Enter Process screenshots or submit questions
Toggle Mode Ctrl+M / Cmd+M Cycle between Coder, Question, and MCQ modes
Delete Last Screenshot Ctrl+L / Cmd+L Remove the most recent screenshot
Reset View Ctrl+R / Cmd+R Reset to initial state
Quit Application Ctrl+Q / Cmd+Q Exit the application
Move Window Ctrl+Arrow Keys Reposition the window
Decrease Opacity Ctrl+[ / Cmd+[ Make window more transparent
Increase Opacity Ctrl+] / Cmd+] Make window more opaque
Zoom Out Ctrl+- / Cmd+- Decrease interface size
Zoom In Ctrl+= / Cmd+= Increase interface size
Reset Zoom Ctrl+0 / Cmd+0 Reset interface to default size

πŸ’¬ Question Mode Features

The new Question Mode transforms Cluelessly Coder into a conversational AI assistant for developers:

Key Features

  • Natural Language Queries: Ask questions in plain English about programming concepts, debugging, or code optimization
  • Multimodal Support: Combine text questions with screenshot context for better understanding
  • Conversational Responses: Get detailed explanations, not just code snippets
  • Context-Aware: Attach screenshots to provide visual context for your questions

Example Use Cases

  • Learning: "Can you explain how async/await works in JavaScript?"
  • Debugging: "Why is my React component not re-rendering?" (with screenshot)
  • Best Practices: "What's the best way to handle errors in Python?"
  • Code Review: "Is there a more efficient way to write this algorithm?" (with code screenshot)
  • Architecture: "Should I use Redux or Context API for this use case?"

How It Works

  1. Switch to Question Mode using the button or Ctrl+M / Cmd+M
  2. Type your question in natural language
  3. Optionally attach screenshots for visual context
  4. Get detailed explanations tailored to your specific needs

Supported File Types

  • JavaScript/TypeScript
  • Python
  • Java
  • C/C++
  • C#
  • Go
  • Ruby
  • And more...

πŸ› οΈ Configuration

Model Selection

Choose different models based on your needs:

  • Gemini 2.5 Pro
  • Gemini 2.5 Flash
  • Gemini 2.0 Flash
  • GPT-4o
  • Llama 4 Scout
  • Llama 4 Maverick
  • Llama 3.1 8B
  • Llama 3.1 8B Instant
  • Llama 3.3 70B
  • Llama 3.3 70B Versatile
  • Qwen 3 32B
  • Qwen 3 235B Instruct
  • Qwen 3 235B Thinking
  • Qwen 3 480B Coder
  • Gemma 2 9B IT
  • Deepseek R1 Distill Llama 70B
  • Meta Llama Prompt Guard 2 22M
  • Meta Llama Prompt Guard 2 86M
  • MoonshotAI Kimi K2 Instruct
  • Qwen/Qwen3-32B

🀝 Contributing

We welcome contributions! Here's how you can help:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

Development Setup

# Install dependencies
bun install

# Run linter
bun lint

# Run tests
bun test

# Build the application
bun build

πŸ™ Acknowledgments

  • Built with Electron Vite
  • Icons by Lucide
  • UI components powered by Radix UI
  • Special thanks to all contributors and the open-source community

πŸ“¬ Contact

Have questions or suggestions? Feel free to open an issue or reach out to us!


Made with ❀️ by Xeven

About

A powerful desktop application that helps developers solve coding problems by analyzing screenshots of code and providing AI-powered solutions, alternative to interviewcoder and cluely

Topics

Resources

Stars

Watchers

Forks