getsentry / getsentry/sentry-mcp

Improve mcp.sentry.dev landing page with interactive examples and workflows

Open
#473 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
853
Forks
144
Avg merge
19h 25m
Merged PRs (30d)
32

Description

## Problem
The current mcp.sentry.dev landing page lists tools, resources, and prompts but doesn't effectively communicate real-world use cases or help users understand what they can actually do with the Sentry MCP.

## Solution
Enhance the landing page with interactive examples and common workflows to better demonstrate the value and capabilities of the Sentry MCP.

## Proposed Improvements

### 1. Add 'Common Workflows' Section
Create a new section showcasing real-world scenarios with example queries:

- **Debug Production Errors**
- Example: 'Show me errors affecting more than 100 users'
- Example: 'Analyze issue PROJ-123 with AI for root cause'

- **Monitor Application Health**
- Example: 'How many errors in the last 24 hours?'
- Example: 'Show performance metrics for /api/checkout endpoint'

- **Manage Projects & Teams**
- Example: 'Create a new project for my React app'
- Example: 'Assign critical issues to backend team'

### 2. Interactive Examples
- Add copy-to-clipboard functionality for example queries
- Consider adding a 'Try this query' button that opens the chat interface with pre-filled text
- Group examples by user role (Developer, DevOps, Team Lead)

### 3. Visual Improvements
- Add icons for each workflow category
- Use cards or tiles for better visual organization
- Consider adding screenshots or GIFs showing the MCP in action

### 4. Quick Start Guide
- Move or duplicate the setup instructions higher on the page
- Add a 'Get Started in 2 Minutes' section
- Include common troubleshooting tips

### 5. Success Stories / Use Cases
- Add 2-3 concrete examples of problems solved with Sentry MCP
- Include metrics if available (e.g., 'Reduced debugging time by 50%')

## Implementation Notes
- Update packages/mcp-cloudflare/src/client/pages/home.tsx
- Consider creating reusable components for example cards
- Ensure mobile responsiveness for all new sections

## Benefits
- Reduces time-to-value for new users
- Makes capabilities immediately obvious
- Increases adoption by showing practical applications
- Provides inspiration for how to use the tool

## Acceptance Criteria
- [ ] Common workflows section with at least 5 workflow categories
- [ ] Minimum 3 example queries per workflow
- [ ] Copy-to-clipboard functionality for examples
- [ ] Mobile-responsive design
- [ ] Updated content reflects current tool capabilities

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.