Prompt Helper

Stop getting bad code from bad prompts.

Prompt Helper is a VS Code extension that takes your rough, messy prompt draft and instantly refines it into a professional, structured prompt — powered by Google Gemini AI.

The Problem

Vague prompts produce vague results. If you've ever typed something like:

"make login page with button and fix the error also add dark mode"

...and got back code that missed the point — this extension is for you.

The Solution

Highlight your rough prompt draft in any file, click the ✨ button in the editor toolbar, and get back a fully structured, professional prompt in a new tab — in seconds.

Workflow

1. Open any file in VS Code
2. Type your rough prompt idea (in any language)
3. Highlight the text
4. Click the ✨ Optimize & Structure Prompt button in the editor title bar
5. A new Markdown tab opens beside your file with the refined prompt

Before

make a login page with google login and also fix the dark mode bug and add animation

After

## #ROLE
You are a senior front-end developer specializing in React and UI/UX.

## #CONTEXT
I am building a web application that requires a login page.

## #TASK
1. Create a login page with Google OAuth integration.
2. Fix the existing dark mode bug where colors are not applied correctly.
3. Add smooth entry animations to the login form.

## #CONSTRAINTS
- Use React and Tailwind CSS.
- Follow accessibility best practices (WCAG 2.1).

## #OUTPUT_FORMAT
Provide the complete component code with inline comments explaining key decisions.

## Suggested Improvements
- Specify which dark mode library you are using (e.g., next-themes).
- Describe the animation style (fade-in, slide-up, etc.).
- Mention if Google OAuth uses Firebase or a custom backend.

Multilingual Support 🌍

Write your prompt in your native language — Prompt Helper will translate and refine it into professional Technical English automatically.

Supported languages include:

• Hindi (हिन्दी)
• Marathi (मराठी)
• Punjabi (ਪੰਜਾਬੀ)
• German (Deutsch)
• Spanish, French, Arabic, and many more

Setup

1. Install the extension
2. Get a free Gemini API key from Google AI Studio
3. Open VS Code Settings (Cmd+, / Ctrl+,) and search for Prompt Helper
4. Paste your API key into the Prompt Helper: Api Key field

Privacy & Data Usage ⚠️

This extension sends your highlighted text to the Google Gemini API for processing.

Recommendation: If you are working with confidential code or client projects, upgrade to the Gemini paid tier or review Google's data policy before use.

Requirements

• VS Code ^1.80.0
• A valid Gemini API Key

Extension Settings

License

MIT