Gestur

Gestur is a VS Code extension + webview app that generates and edits frontend projects from natural-language prompts.

Repository Structure

• app/: React + Vite webview frontend
• extension/: VS Code extension backend and webview host

Requirements

• Node.js 20.19+ recommended
• npm
• VS Code
• GitHub Copilot Chat extension installed (github.copilot-chat)

Quick Start

1) Install dependencies

cd app
npm install

cd ../extension
npm install

2) Build frontend assets

cd app
npm run build

3) Sync webview assets into extension dist

cd ..
# PowerShell
Remove-Item -Recurse -Force extension/dist/assets -ErrorAction SilentlyContinue
Copy-Item -Recurse -Force app/dist/assets extension/dist/assets
Copy-Item -Force app/dist/index.html extension/dist/index.html
if (Test-Path app/dist/vite.svg) { Copy-Item -Force app/dist/vite.svg extension/dist/vite.svg }

4) Compile extension

cd extension
npm run compile

5) Run extension in VS Code

• Open the extension/ folder in VS Code
• Press F5 to launch an Extension Development Host window
• Open Command Palette and run: Gestur AI: Open Studio

Testing

cd extension
npm run test

Notes

• The model list in the UI is restricted to GitHub Copilot chat models.
• Copilot CLI model entries are excluded from the webview model selector.
• If UI changes are made in app/, rebuild and re-sync dist before testing the extension.

Publish Readiness Checklist

• app builds successfully
• extension compiles successfully
• extension launches with F5
• no unwanted models in selector
• light/dark mode switch is functional
• README and metadata updated