Home Documentation Support
Home Documentation Support Privacy Terms

Transform Your VS Code Experience

CodeCharm is your smart coding buddy inside VS Code that makes your code not just work, but speak for itself. Using Google Gemini models, it generates emoji-packed inline comments that explain your code like a pro and refactors messy blocks for better readability. 🚀

0
Downloads
0★
Rating
example.js
1 function getUser(id) {
2 return db.query("SELECT * FROM users WHERE id = " + id);
3 }
4
5 // After CodeCharm:
6 function getUser(id) {
7 return db.query("SELECT * FROM users WHERE id = " + id); // 🧑‍💻 Query user by ID
8 }

Powerful Features

Discover the tools that will transform your development experience

Inline Comments with Emojis

Generate clean, fun, and instantly understandable comments with emojis to make your code more expressive.

Learn More

Code Refactoring

Turn spaghetti code into gourmet code with intelligent refactoring suggestions.

Learn More

Multi-Model Fallback

Always works with support for gemini-2.0-flash-lite, gemini-2.0-flash, gemini-2.5-flash-lite, and gemini-2.5-pro.

Learn More

Secure API Key Storage

Your API key is stored locally in CodeCharm.zetaFlux inside VS Code settings - 100% local and secure.

Learn More

Hotkey Support

Ctrl + Win + J to generate comments, Ctrl + Win + G to refactor code - work faster with shortcuts.

Learn More

Lightning Fast

Built to be lightweight, blazing fast, and non-intrusive for your coding workflow.

Learn More

Easy Installation

Get started with CodeCharm in just a few simple steps

1

Open VS Code Extensions

Launch VS Code and open the Extensions view by clicking on the Extensions icon in the Activity Bar on the side or pressing Ctrl+Shift+X.

2

Search for CodeCharm

Type "CodeCharm" in the search box and press Enter to find the extension in the Marketplace.

3

Install the Extension

Click the Install button to add CodeCharm to your VS Code environment.

4

Setup API Key

Generate your Google Gemini API key from Google AI Studio, then use Ctrl+Win+J or Ctrl+Win+G in VS Code to securely store your key.

5

Start Using CodeCharm

Select code and use Ctrl+Win+J to generate comments or Ctrl+Win+G to refactor. Enjoy smarter coding!

CodeCharm Features

Explore the powerful capabilities that make your code smarter

Intelligent Comment Generation

CodeCharm uses Google Gemini models to generate meaningful, emoji-enhanced comments that explain your code in plain language.

1 // Before:
2 function calculateTotal(items) {
3 return items.reduce((acc, item) => acc + item.price, 0);
4 }
5
6 // After:
7 function calculateTotal(items) {
8 return items.reduce((acc, item) => acc + item.price, 0); // 💰 Calculate total price of items
9 }

Advanced Code Refactoring

Transform complex, messy code into clean, maintainable solutions with AI-powered refactoring suggestions.

1 // Before:
2 let total = 0;
3 for(let i = 0; i < items.length; i++) {
4 total += items[i].price;
5 }
6
7 // After:
8 const total = items.reduce((sum, item) => sum + item.price, 0); // 🧮 Calculate total using reduce

Secure API Key Management

Your Google Gemini API key is stored locally in VS Code settings - never shared or stored remotely.

1 // To set your API key:
2 1. Press Ctrl + Win + J
3 2. Paste your API key in the secure input box
4 3. Press Enter
5
6 // Key is stored locally in:
7 VS Code Settings > Extensions > CodeCharm > zetaFlux

Multi-Model Fallback System

CodeCharm intelligently switches between Gemini models to ensure reliability and performance.

gemini-2.0-flash-lite

Ultra-fast model for quick comment generation

gemini-2.0-flash

Balanced model for most use cases

gemini-2.5-flash-lite

Advanced model for complex refactoring

gemini-2.5-pro

Most powerful model for challenging tasks

Documentation & Usage

Learn how to get the most out of CodeCharm

Getting Started

CodeCharm is designed to be simple to set up and use. Follow these steps to get started:

  1. Install the extension from VS Code Marketplace
  2. Get your Google Gemini API key from Google AI Studio
  3. Set up your API key using the secure input prompt
  4. Select code and use the commands to generate comments or refactor

API Key Setup

To use CodeCharm, you need a Google Gemini API key. Here's how to set it up:

1

Visit Google AI Studio

Go to aistudio.google.com and create an account if needed.

2

Generate API Key

Navigate to the API Keys section and create a new API key.

3

Copy Your Key

Copy the generated API key to your clipboard.

4

Set in VS Code

Select any code block and press Ctrl + Win + J or Ctrl + Win + G to open the secure input box.

5

Paste and Save

Paste your API key and press Enter. It will be stored locally in your VS Code settings.

Comment Generation

Generate emoji-packed inline comments with a simple keyboard shortcut:

1 // Select the code you want to comment
2 function processData(data) {
3 return data.filter(item => item.active)
4 .map(item => ({ ...item, value: item.value * 2 }));
5 }
6
7 // Press Ctrl+Win+J to generate:
8 function processData(data) {
9 return data.filter(item => item.active) // 🔍 Filter active items
10 .map(item => ({ ...item, value: item.value * 2 })); // ✨ Double the value
11 }

Code Refactoring

Refactor complex code into cleaner, more maintainable versions:

1 // Before refactoring:
2 let result = [];
3 for(let i = 0; i < data.length; i++) {
4 if(data[i].score > 50) {
5 result.push({
6 id: data[i].id,
7 name: data[i].name.toUpperCase()
8 });
9 }
10 }
11
12 // After pressing Ctrl+Win+G:
13 const result = data
14 .filter(item => item.score > 50) // 🎯 Filter high scores
15 .map(item => ({
16 id: item.id,
17 name: item.name.toUpperCase() // 🔠 Convert to uppercase
18 }));

Keyboard Shortcuts

Work faster with these keyboard shortcuts:

Generate Comments

Ctrl + Win + J - Generate emoji-packed inline comments

Refactor Code

Ctrl + Win + G - Refactor selected code for better readability

Set API Key

Use either shortcut without an API key set to open the key input prompt

Support & Contact

Get help and contact us for any issues or questions

Frequently Asked Questions

How do I set up my API key?

After installing CodeCharm, select any code block and press Ctrl+Win+J. A secure input box will appear where you can paste your Google Gemini API key. It will be stored locally in your VS Code settings.

Why are comments not generating?

This could be due to an invalid API key, network issues, or temporary API downtime. First, verify your API key is correct. If the issue persists, try again after a few minutes or check your internet connection.

What should I do if I get network errors?

Network errors are usually temporary. Avoid sending too many requests at once as Google limits abuse. If the problem continues, try again after a few minutes.

How do I contribute to CodeCharm?

We welcome contributions! Fork the repository on GitHub, make your changes, and submit a pull request. Please follow the contribution guidelines in the README.

Contact Us

Have a question that's not answered here? Send us a message!

Privacy Policy

Last Updated: June 10, 2025

1. Introduction

CodeCharm ("we," "our," or "us") is committed to protecting your privacy. This Privacy Policy explains how your personal information is collected, used, and disclosed by CodeCharm.

2. Information We Collect

We collect the following types of information:

  • API Key: When you set up CodeCharm, you provide your Google Gemini API key which is stored locally on your device.
  • Usage Data: We may collect information about how you use our extension, such as features used and frequency of use.
  • Technical Information: We may collect technical information about your device and VS Code environment.

3. How We Use Your Information

We use the information we collect for the following purposes:

  • To provide and maintain our extension
  • To improve and personalize your experience
  • To communicate with you about updates and support
  • To monitor usage and analyze trends

4. Data Security

Your API key is stored locally on your device and is never transmitted to our servers. We implement appropriate technical and organizational measures to protect your personal information.

5. Changes to This Privacy Policy

We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page.

Terms of Service

Last Updated: June 10, 2025

1. Acceptance of Terms

By accessing or using the CodeCharm extension ("Service"), you agree to be bound by these Terms of Service.

2. Description of Service

CodeCharm is a Visual Studio Code extension that provides AI-powered code commenting and refactoring features using Google Gemini models.

3. User Responsibilities

You agree to:

  • Use the Service only for lawful purposes
  • Obtain and maintain your own Google Gemini API key
  • Comply with all applicable laws and regulations

4. Intellectual Property

The CodeCharm extension is licensed under the MIT License. You retain all rights to your code and content.

5. Limitation of Liability

CodeCharm is provided "as is" without any warranties. We shall not be liable for any damages arising from the use of the Service.

6. Changes to Terms

We reserve the right to modify these terms at any time. Your continued use of the Service constitutes acceptance of the modified terms.