Skip to content

Commit c1769a3

Browse files
HazATclaudegetsantry[bot]
authored
feat: Redesign Agent Skills callout with copy-prompt UX (#16684)
## Redesign Agent Skills Callout Replaces the old Expandable-based "Sentry Agent Skills" callout with a new AgentSkillsCallout component across all platform docs. ### New design <img width="1140" height="159" alt="image" src="https://github.com/user-attachments/assets/f6b61e07-4411-447f-80b6-28be3e88f4e1" /> - "Agent-Assisted Setup" card with "Recommended" badge - One-line prompt users copy directly into their coding agent (points to skills.sentry.gg short URLs) - Collapsed by default with expandable section for full skills package installation - Uses existing CodeTabs/CodeBlock components for the install commands (dotagents / npx skills tabs) - Purple color scheme with light/dark mode support ### How it works The component takes just two props — everything else is derived internally: - `skill` → generates prompt URL, dotagents --name, npx skills --skill - `platformName` → used in description text - No children needed — install commands with CodeTabs rendered internally ### Changes - New AgentSkillsCallout component (src/components/agentSkillsCallout/) - Replaced all 23 old Expandable-based agent skills callouts - Updated repo references from sentry-agent-skills to sentry-for-ai - All prompt URLs point to skills.sentry.gg/{skill}/SKILL.md - Added .yarn/install-state.gz to .gitignore ### Platforms covered | Platform | Skill | |----------|-------| | Next.js | sentry-nextjs-sdk | | Node.js | sentry-node-sdk | | React | sentry-react-sdk | | Python | sentry-python-sdk | | .NET | sentry-dotnet-sdk | | Ruby | sentry-ruby-sdk | | AI monitoring | sentry-setup-ai-monitoring | | Generic/default | (none — skills.sentry.gg/) | Co-Authored-By: Claude <noreply@anthropic.com> --------- Co-authored-by: Claude <noreply@anthropic.com> Co-authored-by: getsantry[bot] <66042841+getsantry[bot]@users.noreply.github.com>
1 parent 528b5da commit c1769a3

File tree

37 files changed

+389
-392
lines changed

37 files changed

+389
-392
lines changed

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -106,3 +106,4 @@ yalc.lock
106106
# Claude Code local files
107107
.claude/settings.local.json
108108
mise.toml
109+
.yarn/install-state.gz

‎docs/platforms/android/index.mdx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,8 @@ keywords:
1111
- ndk
1212
---
1313

14+
<AgentSkillsCallout skill="sentry-android-sdk" platformName="Android" />
15+
1416
On this page, we get you up and running with Sentry's Android SDK, automatically reporting errors and exceptions in your application.
1517

1618
<Alert>

‎docs/platforms/dart/common/index.mdx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,8 @@ categories:
99
- server
1010
---
1111

12+
<AgentSkillsCallout skill="sentry-flutter-sdk" platformName="Dart" />
13+
1214
On this page, we get you up and running with Sentry's Dart SDK.
1315

1416
<Alert>

‎docs/platforms/dart/guides/flutter/index.mdx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,8 @@ categories:
1111
- desktop
1212
---
1313

14+
<AgentSkillsCallout skill="sentry-flutter-sdk" platformName="Flutter" />
15+
1416
On this page, we get you up and running with Sentry's Flutter SDK.
1517

1618
<Alert>

‎docs/platforms/dotnet/common/logs/index.mdx‎

Lines changed: 1 addition & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -12,23 +12,7 @@ notSupported:
1212
- dotnet.xamarin
1313
---
1414

15-
<Expandable title="Sentry Agent Skills" copy="Copy Install Command" hideFromMd={true}>
16-
17-
Install Sentry's [agent skills](/ai/agent-skills/) to teach your AI coding assistant how to set up logging in your .NET application.
18-
19-
### Install Skills
20-
21-
```bash {tabTitle: dotagents}
22-
npx @sentry/dotagents add getsentry/sentry-for-ai --name sentry-dotnet-sdk
23-
```
24-
25-
```bash {tabTitle: npx skills}
26-
npx skills add getsentry/sentry-for-ai --skill sentry-dotnet-sdk
27-
```
28-
29-
See the [full list of available skills](https://skills.sh/getsentry/sentry-for-ai) and [installation docs](/ai/agent-skills/) for more details.
30-
31-
</Expandable>
15+
<AgentSkillsCallout skill="sentry-dotnet-sdk" platformName=".NET" />
3216

3317
With Sentry Structured Logs, you can send text-based log information from your applications to Sentry. Once in Sentry, these logs can be viewed alongside relevant errors, searched by text-string, or searched using their individual attributes.
3418

‎docs/platforms/dotnet/common/metrics/index.mdx‎

Lines changed: 1 addition & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -7,23 +7,7 @@ sidebar_section: features
77
beta: true
88
---
99

10-
<Expandable title="Sentry Agent Skills" copy="Copy Install Command" hideFromMd={true}>
11-
12-
Install Sentry's [agent skills](/ai/agent-skills/) to teach your AI coding assistant how to set up metrics in your .NET application.
13-
14-
### Install Skills
15-
16-
```bash {tabTitle: dotagents}
17-
npx @sentry/dotagents add getsentry/sentry-for-ai --name sentry-dotnet-sdk
18-
```
19-
20-
```bash {tabTitle: npx skills}
21-
npx skills add getsentry/sentry-for-ai --skill sentry-dotnet-sdk
22-
```
23-
24-
See the [full list of available skills](https://skills.sh/getsentry/sentry-for-ai) and [installation docs](/ai/agent-skills/) for more details.
25-
26-
</Expandable>
10+
<AgentSkillsCallout skill="sentry-dotnet-sdk" platformName=".NET" />
2711

2812
<Alert>
2913
This feature is currently in open beta. Please reach out on

‎docs/platforms/dotnet/common/tracing/index.mdx‎

Lines changed: 1 addition & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -6,23 +6,7 @@ sidebar_order: 3
66
sidebar_section: features
77
---
88

9-
<Expandable title="Sentry Agent Skills" copy="Copy Install Command" hideFromMd={true}>
10-
11-
Install Sentry’s [agent skills](/ai/agent-skills/) to teach your AI coding assistant how to set up tracing in your .NET application.
12-
13-
### Install Skills
14-
15-
```bash {tabTitle: dotagents}
16-
npx @sentry/dotagents add getsentry/sentry-for-ai --name sentry-dotnet-sdk
17-
```
18-
19-
```bash {tabTitle: npx skills}
20-
npx skills add getsentry/sentry-for-ai --skill sentry-dotnet-sdk
21-
```
22-
23-
See the [full list of available skills](https://skills.sh/getsentry/sentry-for-ai) and [installation docs](/ai/agent-skills/) for more details.
24-
25-
</Expandable>
9+
<AgentSkillsCallout skill="sentry-dotnet-sdk" platformName=".NET" />
2610

2711
With [tracing](/product/insights/overview/), Sentry tracks your software performance, measuring metrics like throughput and latency, and displaying the impact of errors across multiple systems. Sentry captures distributed traces consisting of transactions and spans, which measure individual services and individual operations within those services. Learn more about our model in [Distributed Tracing](/product/sentry-basics/tracing/distributed-tracing/).
2812

‎docs/platforms/go/common/index.mdx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
<AgentSkillsCallout skill="sentry-go-sdk" platformName="Go" />
2+
13
On this page, we get you up and running with Sentry's SDK. If you are using our previous Go SDK, you can access the <Link rel={`nofollow`} to={`/platforms/go/legacy-sdk/`}>legacy SDK</Link> documentation, until further notice.
24

35
<Alert level="info" title="Using a framework?">

‎docs/platforms/javascript/common/ai-agent-monitoring/index.mdx‎

Lines changed: 2 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -31,23 +31,7 @@ supported:
3131

3232
With <Link to="/ai/monitoring/agents/dashboard/">Sentry AI Agent Monitoring</Link>, you can monitor and debug your AI systems with full-stack context. You'll be able to track key insights like token usage, latency, tool usage, and error rates. AI Agent Monitoring data will be fully connected to your other Sentry data like logs, errors, and traces.
3333

34-
<Expandable title="Sentry Agent Skills" copy="Copy Install Command" hideFromMd={true}>
35-
36-
Install Sentry's [agent skills](/ai/agent-skills/) to teach your AI coding assistant how to set up AI Agent Monitoring in your application.
37-
38-
### Install Skills
39-
40-
```bash {tabTitle: dotagents}
41-
npx @sentry/dotagents add getsentry/sentry-for-ai --name sentry-setup-ai-monitoring
42-
```
43-
44-
```bash {tabTitle: npx skills}
45-
npx skills add getsentry/sentry-for-ai --skill sentry-setup-ai-monitoring
46-
```
47-
48-
See the [full list of available skills](https://skills.sh/getsentry/sentry-for-ai) and [installation docs](/ai/agent-skills/) for more details.
49-
50-
</Expandable>
34+
<AgentSkillsCallout skill="sentry-setup-ai-monitoring" />
5135

5236
## Prerequisites
5337

@@ -171,7 +155,7 @@ await openai.chat.completions.create({
171155
// Both calls will have gen_ai.conversation.id: "conv_abc123"
172156

173157
// To unset it
174-
Sentry.setConversationId(null);
158+
Sentry.setConversationId(null);
175159
```
176160

177161
</SplitSectionCode>

‎docs/platforms/javascript/common/metrics/index.mdx‎

Lines changed: 1 addition & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -10,23 +10,7 @@ notSupported:
1010
- javascript.capacitor
1111
---
1212

13-
<Expandable title="Sentry Agent Skills" copy="Copy Install Command" hideFromMd={true}>
14-
15-
Install Sentry's [agent skills](/ai/agent-skills/) to teach your AI coding assistant how to set up metrics in your application.
16-
17-
### Install Skills
18-
19-
```bash {tabTitle: dotagents}
20-
npx @sentry/dotagents add getsentry/sentry-for-ai --all
21-
```
22-
23-
```bash {tabTitle: npx skills}
24-
npx skills add getsentry/sentry-for-ai
25-
```
26-
27-
See the [full list of available skills](https://skills.sh/getsentry/sentry-for-ai) and [installation docs](/ai/agent-skills/) for more details.
28-
29-
</Expandable>
13+
<AgentSkillsCallout />
3014

3115
With [Sentry Metrics](/product/explore/metrics/), you can send counters, gauges, and distributions from your applications to Sentry. Once in Sentry, these metrics can be viewed alongside relevant errors, and searched using their individual attributes.
3216

0 commit comments

Comments
 (0)