schema-sentry-vscode
v0.11.0
Published
VS Code extension for Schema Sentry - preview panel, snippets, and inline decorations.
Maintainers
Readme
🛡️ Schema Sentry - VS Code Extension
Type-safe JSON-LD structured data helpers for VS Code.
Boost your SEO and AI discoverability with Schema Sentry's VS Code extension. Get real-time schema preview, snippets, and validation while you code.
✨ Features
🔌 Snippets
Type schema- in any .tsx file to see autocomplete suggestions:

| Snippet | Schema Type |
|---------|-------------|
| schema-organization | Organization |
| schema-person | Person |
| schema-article | Article |
| schema-blogposting | BlogPosting |
| schema-product | Product |
| schema-faq | FAQPage |
| schema-howto | HowTo |
| schema-event | Event |
| schema-localbusiness | LocalBusiness |
| schema-website | WebSite |
| schema-breadcrumb | BreadcrumbList |
| schema-review | Review |
| schema-video | VideoObject |
| schema-image | ImageObject |
👁️ Preview Panel
- Click the status bar item or run
Schema Sentry: Preview Schema - See all schema types detected in your file
- Real-time feedback as you code
🎯 Commands
| Command | Description |
|---------|-------------|
| Schema Sentry: Preview Schema | 👁️ Open preview panel |
| Schema Sentry: Add Schema Type | ➕ Insert schema snippet |
| Schema Sentry: Validate File | ✅ Show validation issues |
🏷️ Inline Decorations
Schema type badges appear in the gutter as you type — always know what schema you're adding!
⚙️ Settings
| Setting | Default | Description |
|---------|---------|-------------|
| schemasentry.enablePreview | true | Show preview panel |
| schemasentry.enableDecorations | true | Show gutter badges |
🚀 Quick Start
- Install:
code --install-extension schema-sentry-vscode-0.9.0.vsix - Open a Next.js
.tsxfile - Type
schema-to see snippets, or click the 🛡️ status bar item
📋 Requirements
- VS Code 1.99.0+
- TypeScript/TSX or JavaScript/JSX files
- Works best with
@schemasentry/nextpackage
🔗 Links
Made with ❤️ for better SEO & AI discoverability!
