Agent skill
observability-monitoring
Complete observability stack with structured logging, error tracking, and web analytics.
Install this agent skill to your Project
npx add-skill https://github.com/andrelandgraf/fullstackrecipes/tree/main/skills/observability-monitoring
SKILL.md
Observability & Monitoring
Complete observability stack with structured logging, error tracking, and web analytics.
Cookbook - Complete These Recipes in Order
Pino Logging Setup
Configure structured logging with Pino. Outputs human-readable colorized logs in development and structured JSON in production for log aggregation services.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/pino-logging-setup
Sentry Setup
Configure Sentry for error tracking, performance monitoring, and log aggregation. Integrates with Pino to forward logs to Sentry automatically.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/sentry-setup
Vercel Web Analytics
Add privacy-focused web analytics with Vercel Web Analytics. Track page views, visitors, and custom events with zero configuration.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/vercel-analytics-setup
Working with Logging
Use structured logging with Pino throughout your application. Covers log levels, context, and workflow-safe logging patterns.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/using-logging
Working with Sentry
Capture exceptions, add context, create performance spans, and use structured logging with Sentry.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/using-sentry
Working with Analytics
Track custom events and conversions with Vercel Web Analytics. Covers common events, form tracking, and development testing.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/using-analytics
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
shiki-code-blocks
Syntax highlight code blocks with Shiki. Supports server-side rendering in RSC and automatic light/dark theme switching.
better-auth-emails
Add email verification, password reset, and account management emails to Better Auth using Resend.
ai-sdk-setup
Install the Vercel AI SDK with AI Elements components. Build a streaming chat interface with the useChat hook.
code-style-setup
Configure Prettier for code formatting and TypeScript for typechecking. Includes VSCode settings and EditorConfig for consistent code style. Skips ESLint/Biome to avoid config complexity.
using-nuqs
Manage React state in URL query parameters with nuqs. Covers Suspense boundaries, parsers, clearing state, and deep-linkable dialogs.
chat-naming
Generate descriptive chat titles from the first message using a fast LLM. Runs as a background workflow step after the main response to avoid delaying the experience.
Didn't find tool you were looking for?