A Visual Studio .NET extension that provides a better interface for Claude Code CLI, OpenAI Codex and Cursor Agent with support for multi-line prompts and image attachments for high productivity and vibe coding
git clone https://github.com/dliedke/ClaudeCodeExtension.gitA Visual Studio .NET extension that provides a better interface for Claude Code CLI, OpenAI Codex and Cursor Agent with support for multi-line prompts and image attachments for high productivity and vibe coding
[{"step":"Install the ClaudeCodeExtension from the VS Code Marketplace and authenticate with your preferred AI provider (Claude Code CLI, OpenAI Codex, or Cursor Agent).","tip":"Use the command palette (Ctrl+Shift+P) to run 'Claude Code: Sign In' if you haven't already."},{"step":"Open your project in VS Code and create a new file or select existing code to modify. Use the extension's multi-line prompt feature by pressing Ctrl+Alt+P or clicking the Claude Code icon in the status bar.","tip":"For complex tasks, break your prompt into sections like 'Requirements', 'Implementation', and 'Testing' to get more focused responses."},{"step":"Attach relevant files or images by dragging them into the prompt window or using the 'Attach File' button. For example, attach a UI mockup or API specification.","tip":"Image attachments work best for visual tasks like UI design or architecture diagrams."},{"step":"Execute the prompt by pressing Enter or clicking 'Send'. Review the generated code in your editor and use the extension's inline suggestions to accept, modify, or reject changes.","tip":"Use the 'Undo Last Change' button if you need to revert any AI-suggested modifications."},{"step":"Iterate by refining your prompt based on the initial output. For example, ask the AI to 'Add error handling for null card numbers' or 'Optimize the payment processing logic for high throughput'.","tip":"Use the 'Explain This Code' feature to get detailed explanations of generated code sections."}]
No install command available. Check the GitHub repository for manual installation instructions.
git clone https://github.com/dliedke/ClaudeCodeExtensionCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Use the ClaudeCodeExtension in VS Code to [TASK]. For example: 'Generate a C# class that implements a [FEATURE] for [PROJECT_NAME]. Include unit tests using xUnit and mock the [DEPENDENCY] with Moq. Attach a screenshot of the expected UI layout if needed.'
Here’s the implementation for a `PaymentProcessor` class in your `ECommerceApp` project, including unit tests and a mock for the `IPaymentGateway` dependency. The extension generated this directly in your VS Code workspace with multi-line prompts and inline image attachments for the UI mockup.
```csharp
// PaymentProcessor.cs
using System;
using System.Threading.Tasks;
using Moq;
namespace ECommerceApp.Services
{
public interface IPaymentGateway
{
Task<bool> ProcessPaymentAsync(decimal amount, string cardNumber);
}
public class PaymentProcessor
{
private readonly IPaymentGateway _paymentGateway;
public PaymentProcessor(IPaymentGateway paymentGateway)
{
_paymentGateway = paymentGateway;
}
public async Task<PaymentResult> ProcessOrderAsync(Order order)
{
if (order.TotalAmount <= 0)
return new PaymentResult(false, "Invalid order amount");
var success = await _paymentGateway.ProcessPaymentAsync(
order.TotalAmount,
order.PaymentDetails.CardNumber
);
return new PaymentResult(success, success ? "Payment successful" : "Payment failed");
}
}
public record PaymentResult(bool Success, string Message);
}
```
```csharp
// PaymentProcessorTests.cs
using Xunit;
using Moq;
namespace ECommerceApp.Tests.Services
{
public class PaymentProcessorTests
{
[Fact]
public async Task ProcessOrderAsync_ValidOrder_ReturnsSuccess()
{
// Arrange
var mockGateway = new Mock<IPaymentGateway>();
mockGateway.Setup(g => g.ProcessPaymentAsync(100.50m, "4111111111111111"))
.ReturnsAsync(true);
var processor = new PaymentProcessor(mockGateway.Object);
var order = new Order(100.50m, new PaymentDetails("4111111111111111"));
// Act
var result = await processor.ProcessOrderAsync(order);
// Assert
Assert.True(result.Success);
Assert.Equal("Payment successful", result.Message);
}
}
}
```
The extension also generated a UI mockup for the payment form (attached as an image) and suggested adding validation for card expiration dates. The entire workflow took 2 minutes from prompt to working code.Advanced foundation models via API and ChatGPT
Control SaaS spending with visibility and analytics
The AI Code Editor for productive developers
Create Beautiful Branded Deliverables. Ship Professionally. Repeat.
AI assistant built for thoughtful, nuanced conversation
Automate your spreadsheet tasks with AI power
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan