← Back to Docs
AI-Assisted Install
Fastest Installation Method
Install with AI in 30 Seconds
Let your AI assistant automatically detect your framework, analyze your codebase, and install IssueCapture with intelligent placement decisions.
No Manual Setup
AI handles framework detection, code generation, and file creation
Smart Placement
AI finds existing feedback buttons or recommends optimal placement
Framework-Aware
Generates code following best practices for Next.js, React, Vue, and more
1
Get Your API Key
Sign up for IssueCapture and retrieve your widget API key
- Go to https://issuecapture.com/signup and create a free account
- Connect your Jira instance via OAuth
- Navigate to Settings and find your API key
- Copy your API key (starts with "ic_")
2
Add MCP Server Config
Configure your AI assistant to use the IssueCapture MCP server
~/.config/claude-code/mcp.json
{
"mcpServers": {
"issuecapture": {
"command": "npx",
"args": ["-y", "@issuecapture/mcp-server"]
}
}
}- Open the MCP configuration file for your AI tool
- Add the IssueCapture MCP server configuration
- Restart your editor
- No downloads or local setup required - runs via npx!
3
Install with AI
Ask your AI assistant to install IssueCapture
Prompt
Install IssueCapture widget into my project- Simply ask your AI: "Install IssueCapture widget"
- AI will detect your framework (Next.js, React, Vue, etc.)
- AI will find existing feedback buttons or suggest placement
- AI will generate and apply installation code
- Review and approve the changes
4
Done! Test Your Widget
Start your dev server and test the widget
- Start your development server
- Look for the "Report Bug" button or your custom trigger
- Click it to open the IssueCapture widget
- Submit a test issue to verify the integration works
- Check Jira to see your test issue!
Configuration for Your Editor
Claude Code
~/.config/claude-code/mcp.json
{
"mcpServers": {
"issuecapture": {
"command": "npx",
"args": ["-y", "@issuecapture/mcp-server"]
}
}
}Cursor
.cursor/mcp.json (in your project)
{
"mcpServers": {
"issuecapture": {
"command": "npx",
"args": ["-y", "@issuecapture/mcp-server"]
}
}
}VS Code + Copilot
.vscode/mcp.json (in your project)
{
"mcpServers": {
"issuecapture": {
"command": "npx",
"args": ["-y", "@issuecapture/mcp-server"]
}
}
}Zed
~/.config/zed/settings.json
{
"context_servers": {
"issuecapture": {
"command": "npx",
"args": ["-y", "@issuecapture/mcp-server"]
}
}
}Supported Frameworks
Next.js
React
Vue
Angular
Svelte
Vanilla JS