AI-Assisted Development with Context7
Give your AI coding assistant up-to-date Wraps documentation. Set up Context7 in Cursor, Claude Code, Windsurf, or any MCP-compatible editor.
Give your AI coding assistant up-to-date Wraps documentation. Context7 feeds real docs and code examples into your prompts so your AI writes correct Wraps code on the first try.
AI models are trained on a snapshot of the internet. When you ask them to write Wraps code, they might hallucinate APIs that don't exist or use outdated patterns. Context7 solves this by injecting the latest Wraps documentation directly into your AI's context window.
Real API signatures, not hallucinated ones
Cursor, Claude Code, Windsurf, and any MCP client
Pulls from our latest published docs
Wraps publishes two libraries to Context7, covering the full platform:
CLI commands, infrastructure guides, quickstarts, configuration presets, webhooks, templates, workflows, and full platform documentation.
TypeScript SDKs for email (@wraps.dev/email), SMS (@wraps.dev/sms), and the platform client (@wraps.dev/client).
Add the Context7 MCP server to your editor. This is a one-time setup — once configured, any prompt can pull Wraps docs on demand.
Add to .cursor/mcp.json in your project root:
{ "mcpServers": { "context7": { "command": "npx", "args": ["-y", "@upstash/context7-mcp@latest"] } }}Add to .claude/settings.json or run claude mcp add context7 -- npx -y @upstash/context7-mcp@latest:
{ "mcpServers": { "context7": { "command": "npx", "args": ["-y", "@upstash/context7-mcp@latest"] } }}Add to your MCP config file (~/.codeium/windsurf/mcp_config.json):
{ "mcpServers": { "context7": { "command": "npx", "args": ["-y", "@upstash/context7-mcp@latest"] } }}Any MCP client works
Context7 is a standard MCP server. If your editor supports MCP (VS Code with Copilot, Zed, etc.), the same config pattern applies.
Once configured, mention “use context7” in your prompt and reference the Wraps library you need. Your AI assistant will automatically fetch the relevant docs before generating code.
Send email
Use context7 to look up @wraps.dev/email docs, then send a welcome email with React Email template.
Deploy infrastructure
Use context7 to look up wraps CLI docs, then show me how to deploy email infrastructure.
Send SMS
Use context7 to look up @wraps.dev/sms docs, then send an OTP verification code.
Context7 returns real, working code from our docs. Here's what your AI will have access to:
import { WrapsEmail } from '@wraps.dev/email';const email = new WrapsEmail();const { messageId } = await email.send({ from: 'hello@yourapp.com', to: 'user@example.com', subject: 'Welcome!', html: '<h1>Hello from Wraps!</h1>',});import { WrapsSMS } from '@wraps.dev/sms';const sms = new WrapsSMS();await sms.send({ to: '+14155551234', message: 'Your verification code is 123456',});For advanced usage, you can reference libraries directly by their Context7 ID:
| Library | Context7 ID | Covers |
|---|---|---|
| Wraps Platform | /wraps-team/wraps | CLI, infrastructure, quickstarts, guides, presets |
| Wraps JS SDKs | /wraps-team/wraps-js | @wraps.dev/email, @wraps.dev/sms, @wraps.dev/client |
Be specific in prompts
“Send email with React Email template using @wraps.dev/email” pulls better results than “send email”
Use “wraps” or “wraps-js” as the library name
Context7 resolves these to the correct library IDs automatically
Combine with framework-specific context
Ask for “wraps email in Next.js App Router” and Context7 will return our Next.js-specific quickstart
Docs stay current
Context7 syncs from our published docs. When we ship new features, your AI gets them automatically
Deploy email infrastructure and send your first email in under 5 minutes.
Get StartedFull API reference for @wraps.dev/email including React Email support, attachments, and batch sending.
View SDK Docs