Agent skill

Dt Obs Frontends

by Dynatrace in Dynatrace/dynatrace-for-ai

Real User Monitoring (RUM) on Dynatrace — web and mobile frontends.

Apache-2.0Auto-check passedFrontend & Design

Install Dt Obs Frontends

skills CLI
$ npx skills add Dynatrace/dynatrace-for-ai --skill dt-obs-frontends -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Dynatrace/dynatrace-for-ai dt-obs-frontends --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Dynatrace/dynatrace-for-ai.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/dt-obs-frontends .claude/skills/dt-obs-frontends && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
dt-obs-frontends
GitHub stars
162
Token cost
~2.3k tokens
SKILL.md length
842 words
Files
13 (incl. references)
Skills in repo
33
Repo updated
First seen
Licence
Apache-2.0

At a glance

Real User Monitoring (RUM) on Dynatrace — web and mobile frontends.

  • Tasks that involve Web performance
  • SKILL.md covers Data Model, Common Filters, Field Permissions and Drill-Down Pattern, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Dt Obs Frontends is an agent skill from Dynatrace/dynatrace-for-ai. Real User Monitoring (RUM) on Dynatrace — web and mobile frontends. Core Web Vitals, user sessions, page performance, mobile crashes, frontend errors, and frontend-backend linking. Query via user.events, user.sessions, and dt.frontend. metrics. Does NOT cover synthetic monitoring (HTTP/browser/network checks) — that's a separate domain.

Its SKILL.md is about 2.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 13 other files, including reference files (for example `references/characteristics.md`, `references/csp-violations.md` and `references/error-tracking.md`).

It sits in Frontend & Design, covering Web performance. The repository describes itself as: Skills, prompts, and instructions for building AI agents on top of Dynatrace production context. The licence is Apache-2.0.

When your agent uses it

  • Tasks that involve Web performance

Example prompts

  • “/dt-obs-frontends”

What it can do on your machine

Read from SKILL.md and the folder at commit 4f9aa71. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • docs.dynatrace.com
    • web.dev

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Dt Obs Frontends loads about 2.3k tokens when it runs, and up to ~36k if it reads all its reference files. Until then it costs about 91 tokens; SKILL.md has 842 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~91
When it runs · the whole SKILL.md, loaded when a task matches
~2.3k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~36k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from Dynatrace/dynatrace-for-ai at commit 4f9aa71, republished under its Apache-2.0 licence (© Dynatrace). 842 words, ~2,309 tokens.

Download SKILL.mdSave it as .claude/skills/dt-obs-frontends/SKILL.md (or your agent's skills folder). This skill also uses 12 other files; get the full folder from GitHub.
name
dt-obs-frontends
description
Real User Monitoring (RUM) on Dynatrace — web and mobile frontends. Core Web Vitals, user sessions, page performance, mobile crashes, frontend errors, and frontend-backend linking. Query via `user.events`, `user.sessions`, and `dt.frontend.*` metrics. Does NOT cover synthetic monitoring (HTTP/browser/network checks) — that's a separate domain.
license
Apache-2.0

Frontend Observability (RUM)

Monitor web and mobile frontends using Real User Monitoring with DQL. Targets RUM on the latest Dynatrace — do not use RUM Classic data.

Concepts and data model: https://docs.dynatrace.com/docs/observe/digital-experience/new-rum-experience/concepts

Data Model

Three data sources, each for a different question:

SourceUse forGranularity
timeseries dt.frontend.*Trends, dashboards, alertingAggregated metric
fetch user.eventsRoot cause, individual page views / requests / clicks / errorsPer-event
fetch user.sessionsBounce rate, session duration, session-level aggregatesPer-session

Rule of thumb: start with metrics for the shape of the problem, drill into events for the why. Use sessions when the question is about user journeys, not individual interactions.

Full event model: https://docs.dynatrace.com/docs/semantic-dictionary/model/rum/user-events

DQL language reference (functions, syntax, operators): https://docs.dynatrace.com/docs/platform/grail/dynatrace-query-language

Key dt.frontend.* metrics (all support dimensions: frontend.name, device.type, geo.country.iso_code, browser.name, os.name, dt.rum.user_type, dt.smartscape.frontend):

  • dt.frontend.web.page.largest_contentful_paint / dt.frontend.web.page.interaction_to_next_paint / dt.frontend.web.page.cumulative_layout_shift / dt.frontend.web.page.first_input_delay — Core Web Vitals
  • dt.frontend.web.navigation.time_to_first_byte / dt.frontend.web.navigation.dom_interactive / dt.frontend.web.navigation.load_event_end — Navigation timing
  • dt.frontend.error.count — Error counts
  • dt.frontend.request.count / dt.frontend.request.duration — Request volume and latency
  • dt.frontend.user_action.count / dt.frontend.user_action.duration — User action volume and duration
  • dt.frontend.session.active.estimated_count / dt.frontend.user.active.estimated_count — Active sessions and users (cardinality metrics; use countDistinct() aggregation)

Common Filters

All sources (user.events + user.sessions):

  • frontend.name — frontend identifier (preferred for all filtering); array on user.sessions (session can span multiple frontends). dt.smartscape.frontend is the Smartscape entity reference — use it to access entity attributes such as tags or linked services, not for name-based filtering. Avoid querying Smartscape to resolve a name to an entity ID and then joining with user.events — always filter on frontend.name directly.
  • dt.rum.user_type — real_user, synthetic, robot
  • dt.rum.application.type — web or mobile
  • dt.rum.session.id, dt.rum.instance.id
  • os.name, geo.country.iso_code, client.isp
  • client.ip — client IP address (sensitive field — hidden by default; see Field Permissions below)

user.events — web only:

  • browser.name, browser.version, device.type

user.events — mobile only:

  • device.model.identifier, device.manufacturer, app.short_version

Common characteristic filters (scope user.events to a specific event type — use as | filter characteristics.has_X):

  • characteristics.has_page_summary — page loads (web)
  • characteristics.has_view_summary — views (SPA + mobile screens)
  • characteristics.has_navigation — navigation events
  • characteristics.has_user_action — user actions
  • characteristics.has_error — all errors

Full characteristics reference: references/characteristics.md

Field Permissions

Some fields are sensitive and belong to the builtin-sensitive-user-events-and-sessions fieldset. They are hidden by default on both user.events and user.sessions — users without access see null, and queries that filter or group by these fields silently return no results.

Sensitive fields used in this skill:

  • client.ip — client IP address
  • user.identifier — real user identity

Grant access with the following policy statement:

ALLOW storage:fieldsets:read WHERE storage:fieldset-name="builtin-sensitive-user-events-and-sessions"

Reference: Field permissions

Drill-Down Pattern

Most investigations follow this layered approach regardless of the specific problem domain (errors, performance, background activity, etc.):

1. Identify the frontend

Start by grouping by: {frontend.name} to find which application is affected. Filter by dt.rum.application.type (web or mobile) if you need to split web from mobile analysis upfront.

2. Find the affected page or view

Both fields are available on all events (not scoped to a specific characteristic):

  • page.name — the page URL normalised to a Dynatrace entity name; web only
  • view.name — the SPA route or mobile screen name; available on web and mobile

Both can be present on the same event. For web SPAs, page.name reflects the top-level document while view.name reflects the current route — grouping by view.name gives finer granularity. For mobile, use view.name only.

Additional narrowing dimensions

DimensionFieldPlatformWhen to use
Specific request / endpointurl.domain, url.pathweb + mobilePerformance or error pattern on a specific API call
Individual user sessiondt.rum.session.idweb + mobileReproduce a specific user's journey; connects to session replay
Device form factordevice.typeweb onlyDesktop vs mobile browser vs tablet pattern
Browser compatibilitybrowser.name, browser.versionweb onlyIssue only on certain browsers
App versionapp.short_versionmobile onlyRegression introduced in a specific app release
Geographygeo.country.iso_codeweb + mobileRegional infrastructure or CDN issue
Synthetic vs real trafficdt.rum.user_typeweb + mobileExclude synthetic monitors before user-facing analysis
Show full SKILL.md (249 more words)Show less

Workflows

Each workflow maps to one or more references. Load the reference when you start the workflow, not upfront.

WorkflowReference
Event characteristics — types, filters, event_type derivationreferences/characteristics.md
Web Vitals (LCP, FCP, FID, INP, CLS)references/web-vitals.md
Session, bounce, engagement analysisreferences/user-sessions.md
User actions — interaction lifecycle, completion reasons, timeoutsreferences/user-actions.md
Errors, exceptions, failed requestsreferences/error-tracking.md
Frontend-backend linking — mechanisms, trace coverage, frontend.linkreferences/frontend-backend-linking.md
CSP violations — security policy enforcement and blocked resourcesreferences/csp-violations.md
Mobile app starts, crashes, ANR, native signalsreferences/mobile-monitoring.md
Request latency, long tasks, JS profiling, geo performancereferences/web-performance-analysis.md
Visibility changes — tab switching, background time, engagement qualityreferences/visibility-changes.md
Slow page load — backend vs render vs network vs JS triagereferences/slow-page-load-playbook.md
Diagnosing zero results, anomalies, ambiguous datareferences/troubleshooting.md

Performance Thresholds (quick reference)

  • LCP: Good < 2.5 s | Poor > 4.0 s
  • INP: Good < 200 ms | Poor > 500 ms
  • CLS: Good < 0.1 | Poor > 0.25
  • FCP: Good < 1.8 s | Poor > 3.0 s
  • TTFB: Good < 800 ms | Poor > 1800 ms
  • Mobile cold start: Good < 3 s | Poor > 5 s
  • Mobile warm start: Good < 1.5 s | Poor > 2 s
  • Mobile hot start: Good < 500 ms | Poor > 1 s
  • Long tasks: > 50 ms problematic, > 250 ms severe

Web vitals thresholds (LCP, INP, CLS, FCP, TTFB): https://web.dev/articles/vitals

When to Use

Use this skill for real-user web and mobile frontend telemetry — Core Web Vitals, sessions, clicks, errors, crashes, request latency from the browser/app, and frontend-backend linking.

Use a different skill for:

  • Synthetic monitors / availability checks → dt-obs-synthetic
  • Backend services, traces, spans → dt-obs-services, dt-obs-tracing
  • Infrastructure, hosts → dt-obs-hosts
  • Logs → dt-obs-logs
  • Problems and incidents → dt-obs-problems

© Dynatrace, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 12 other files (references) in skills/dt-obs-frontends of Dynatrace/dynatrace-for-ai.

  • SKILL.md
  • references/characteristics.md
  • references/csp-violations.md
  • references/error-tracking.md
  • references/frontend-backend-linking.md
  • references/mobile-monitoring.md
  • references/slow-page-load-playbook.md
  • references/troubleshooting.md
  • references/user-actions.md
  • references/user-sessions.md
  • references/visibility-changes.md
  • references/web-performance-analysis.md
  • references/web-vitals.md

Open the folder on GitHubat commit 4f9aa71

Compare with similar skills

Dt Obs Frontends next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Dt Obs Frontends compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Dt Obs Frontends this skillDynatrace/dynatrace-for-ai162—~2.3kAutomated safety check: PassApache-2.0
React Doctormakeplane/plane61k12 repos~657Automated safety check: PassAGPL-3.0
Fixing Motion Performanceibelick/ui-skills9.5k5 repos~1.4kAutomated safety check: PassMIT
GSAP Performance Tuninggreensock/gsap-skills16k4 repos~1kAutomated safety check: PassMIT
React Frontend Development Guidelinesdiet103/claude-code-infrastructure-showcase10k2 repos~2.9kAutomated safety check: PassMIT
Web Quality Auditaddyosmani/web-quality-skills2.9k—~2.6kAutomated safety check: PassMIT

Similar skills

  • React Doctor

    makeplane/plane

    Scans React code for lint, accessibility, bundle size and architecture issues, reports a health score and checks that changes do not lower it.

    61k GitHub starsUsed in 12 repos~657 tokens
    Frontend & DesignAuto-check passed
  • Fixing Motion Performance

    ibelick/ui-skills

    Audits and fixes web animation performance: layout thrashing, work that belongs on the compositor, scroll-linked motion and costly blur effects.

    9.5k GitHub starsUsed in 5 repos~1.4k tokens
    Frontend & DesignAuto-check passed
  • GSAP Performance Tuning

    greensock/gsap-skills

    Guides the agent to keep GSAP animations smooth by animating transforms and opacity, batching DOM reads and writes, and avoiding layout-heavy properties.

    16k GitHub starsUsed in 4 repos~1k tokens
    Frontend & DesignAuto-check passed
  • React Frontend Development Guidelines

    diet103/claude-code-infrastructure-showcase

    Guidelines for React 18 and TypeScript apps covering Suspense data fetching, lazy loading, feature folders, MUI v7 styling, TanStack Router and performance.

    10k GitHub starsUsed in 2 repos~2.9k tokens
    Frontend & DesignAuto-check passed
  • Web Quality Audit

    addyosmani/web-quality-skills

    Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing.

    2.9k GitHub stars~2.6k tokensUpdated 1 mo ago
    Frontend & DesignAuto-check passed
  • SEO Google

    AgriciDaniel/codex-seo

    Google SEO APIs: Search Console (Search Analytics, URL Inspection, Sitemaps), PageSpeed Insights v5, CrUX field data with 25-week history, Indexing API v3, and GA4 organic traffic.

    797 GitHub starsUsed in 2 repos~3.4k tokens
    Frontend & DesignAuto-check passed

More from Dynatrace/dynatrace-for-ai

All 33 skills in this repo
  • Dt Obs Analytics

    Dynatrace/dynatrace-for-ai

    Analyze dashboards and notebooks using Davis analyzers — anomaly detection, novelty scoring, and correlation.

    162 GitHub stars~3.9k tokensUpdated 8 days ago
    Auto-check passed
  • Dt Setup iOS

    Dynatrace/dynatrace-for-ai

    Set up the Dynatrace iOS SDK (OneAgent) in an iOS project using Swift Package Manager.

    162 GitHub stars~3.3k tokensUpdated 8 days ago
    Auto-check passed
  • Dt Alerting

    Dynatrace/dynatrace-for-ai

    End-to-end Dynatrace alerting lifecycle — anomaly detector setup and model selection (static threshold, adaptive baseline, seasonal baseline), alert event storage in Grail, problem grouping and…

    162 GitHub stars~3.3k tokensUpdated 8 days ago
    Auto-check passed
  • Dt Obs AWS

    Dynatrace/dynatrace-for-ai

    AWS cloud resource monitoring including EC2, RDS, Lambda, ECS/EKS, VPC networking, load balancers, S3, DynamoDB, SQS/SNS, and cost optimization.

    162 GitHub stars~4.2k tokensUpdated 8 days ago
    Auto-check passed
  • Dt Obs Ext Monitors

    Dynatrace/dynatrace-for-ai

    3rd-party test and monitor result ingestion into Dynatrace Grail via the platform events ingest API (platform/ingest/custom/events/).

    162 GitHub stars~1.5k tokensUpdated 8 days ago
    Auto-check passed
  • Dt Obs Problems

    Dynatrace/dynatrace-for-ai

    DAVIS problem analysis including root cause identification, impact assessment, and correlation with other telemetry.

    162 GitHub stars~4.6k tokensUpdated 8 days ago
    Auto-check passed

Questions about Dt Obs Frontends

What does Dt Obs Frontends do?

Real User Monitoring (RUM) on Dynatrace — web and mobile frontends. Dt Obs Frontends is an agent skill from Dynatrace/dynatrace-for-ai. Real User Monitoring (RUM) on Dynatrace — web and mobile frontends.

When should I use Dt Obs Frontends?

Dt Obs Frontends fits situations like: tasks that involve Web performance.

How do I install Dt Obs Frontends in Claude Code?

Run `npx skills add Dynatrace/dynatrace-for-ai --skill dt-obs-frontends -a claude-code`. Or copy the skill folder (skills/dt-obs-frontends in Dynatrace/dynatrace-for-ai) into .claude/skills/dt-obs-frontends in your project. Claude Code loads it when a task matches its description.

How do I install Dt Obs Frontends in Codex?

Run `npx skills add Dynatrace/dynatrace-for-ai --skill dt-obs-frontends -a codex`. Or copy the skill folder (skills/dt-obs-frontends in Dynatrace/dynatrace-for-ai) into .agents/skills/dt-obs-frontends in your project. Codex loads it when a task matches its description.

Can I use Dt Obs Frontends in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Dynatrace/dynatrace-for-ai --skill dt-obs-frontends -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/dt-obs-frontends, .gemini/skills/dt-obs-frontends, .github/skills/dt-obs-frontends and .opencode/skills/dt-obs-frontends in your project.

What does Dt Obs Frontends need to run?

SKILL.md names no scripts, command-line tools or credentials: Dt Obs Frontends is instructions for the agent only.

Does Dt Obs Frontends access the network?

SKILL.md names 2 domains. As links in the text: docs.dynatrace.com and web.dev. This is read from the text; nothing was executed.

Is Dt Obs Frontends safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Dt Obs Frontends use?

Dt Obs Frontends is published under the Apache-2.0 licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Dt Obs Frontends use?

About 2.3k tokens (SKILL.md is roughly 9.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 33k tokens, read only when the agent opens those files.

What are the alternatives to Dt Obs Frontends?

Skills that share tags, products or a category with Dt Obs Frontends: React Doctor (makeplane/plane, 61k stars), Fixing Motion Performance (ibelick/ui-skills, 9.5k stars), GSAP Performance Tuning (greensock/gsap-skills, 16k stars) and React Frontend Development Guidelines (diet103/claude-code-infrastructure-showcase, 10k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Dt Obs Frontends?

Dynatrace (a GitHub organization) maintains it in Dynatrace/dynatrace-for-ai, which has 162 GitHub stars. The repository holds 33 skills in this directory. The repository was last updated on October 1, 2026.

Source: Dynatrace/dynatrace-for-ai on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.