AgentSkillsCN

Add Notifications

在应用内集成通知、邮件(SendGrid)以及Webhook接口。

SKILL.md
--- frontmatter
description: Add in-app notifications, email (SendGrid), and webhook integrations.

Add Notifications

Add in-app notifications to a React or Next.js application.

Trigger

Use when the user wants notification features: bell icon, notification panel, email notifications, or webhook integrations.

Workflow

  1. Verify Velt is set up. If not, run /install-velt first.
  2. Use the install_velt_interactive MCP tool with notifications feature.
  3. Follow the guided flow (plan → approve → apply).
  4. Ask if they want email (SendGrid) or webhook integrations configured.

Guardrails

  • Notifications must be enabled in Velt Console FIRST (console.velt.dev > Configuration).
  • VeltNotificationsTool provides the bell icon — place it in the toolbar/header.
  • Use tabConfig to customize which tabs appear (forYou, all, documents).
  • For email: requires SendGrid API key configured in Velt Console.
  • Consult reference agent-skills at /references/agent-skills/skills/velt-notifications-best-practices/ for detailed patterns.

Output

  • VeltNotificationsTool added to UI
  • Notification panel configured with appropriate tabs
  • Email/webhook delivery set up (if requested)

Important: Always consult guides/velt-rules.md for embedded best practices before querying external sources.