FrontCode v0.1.0 - First Release

FrontCode v0.1.0

Visual Website Editor for VS Code — powered by Claude Code.

Features

• Infinite canvas with pan, zoom, and page arrangement
• Edit mode — click elements, describe changes, Claude Code edits your source files
• Focus mode — expand any page to full view with scrolling
• Page management — create and delete pages through Claude Code
• Device presets — Desktop (1920px), Tablet (768px), Mobile (375px)
• Resize handles — drag page card edges to resize
• Image drop — drag images into the element editor
• Server URL switching — connect to any dev server port
• Auto-refresh on server restart
• Keyboard shortcuts — E: edit, R: refresh, Esc: exit focus

Installation

1. Download frontcode-0.1.0.vsix below
2. In VS Code: Ctrl+Shift+P → "Extensions: Install from VSIX..."
3. Select the file and reload VS Code

Requirements

• VS Code 1.74+
• Claude Code (npm install -g @anthropic-ai/claude-code)
• A running dev server (Next.js, React, Vite, etc.)

5. Attach file: drag frontcode-0.1.0.vsix from your FrontCode folder
6. Click Publish release