VS Code Extension
The Rampify extension brings spec-driven development into VS Code and Cursor. Browse your feature specs, set up MCP in one click, and copy spec context directly into AI chat.
The extension is compatible with both VS Code and Cursor. Install it from the Extensions panel in either editor.
Installation#
From the Extensions panel:
- Open VS Code or Cursor
- Go to Extensions (
Cmd+Shift+X/Ctrl+Shift+X) - Search for "Rampify"
- Click Install
From the command line:
code --install-extension rampify.rampify
Or install from the VS Code Marketplace.
Getting Started#
1. Set your API key#
- Open Command Palette (
Cmd+Shift+P/Ctrl+Shift+P) - Run Rampify: Set API Key
- Enter your key from rampify.dev/settings/api-keys
2. Link your project#
- Open Command Palette
- Run Rampify: Setup Project Link
- Select your project or create a new one
3. Set up MCP (optional)#
- Open Command Palette
- Run Rampify: Set Up MCP Server
- Select your editor — the wizard handles the rest
Once connected, your AI coding tools can query specs, run scans, and generate fixes directly.
Features#
Specs sidebar#
Browse all feature specs grouped by status — Planned, In Progress, Completed. Each spec shows priority, progress, and affected files. Click to open in the Rampify dashboard. Toggle resolved specs on/off to keep the sidebar focused.
Auto-generated specs from scans#
Rampify scans your site and creates specs for issues it finds: missing structured data, broken meta tags, canonical tag problems. Each spec includes affected URLs and fix instructions your AI can act on immediately.
One-click AI context#
Copy a spec reference into Claude or Cursor with a single click. Your AI retrieves the full spec — title, description, acceptance criteria, tasks, affected files, tech stack — and implements against it.
MCP server setup wizard#
Set up the Rampify MCP server in one command. The built-in wizard supports Claude Code, Cursor, and Windsurf with automatic configuration.
Commit tracking#
After committing a fix, link the commit SHA back to the spec for full traceability: code -> commit -> task -> spec -> requirement.
Commands#
| Command | Description |
|---|---|
| Setup Project Link | Link this workspace to a Rampify project |
| Set API Key | Configure your Rampify API key |
| Set Up MCP Server | Install MCP server for Claude Code, Cursor, or Windsurf |
| Refresh Feature Specs | Re-fetch specs from Rampify |
| Toggle Resolved Specs | Show/hide Completed, Verified, and Deprecated sections |
| Copy Feature Spec Reference | Copy spec ID for pasting into AI chat |
| Open Feature Spec in Browser | Open spec detail in the Rampify dashboard |
| Switch Environment | Switch between production and local API |
Configuration#
The extension works out of the box after setting your API key and linking a project. Optional settings:
| Setting | Description | Default |
|---|---|---|
rampify.apiKey | Your Rampify API key | — |
rampify.environment | API environment (production or local) | production |
rampify.localApiUrl | Local API URL for development | http://localhost:3000 |
rampify.clientId | Project client ID (set via Setup Project Link) | — |
rampify.domain | Project domain (auto-detected) | — |
Requirements#
- A free Rampify account
- VS Code or Cursor