How do I install the App skill?

Run npx skillmds@latest add grafana/app in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the App skill do?

Skill for the App area of metrics-drilldown. 24 symbols across 16 files. It is listed under Coding & Dev Tools on SkillMD.

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with App?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

grafana (@grafana) published this skill. Their other Agent Skills are listed on their SkillMD profile.

App by grafana — Agent Skill

Name: App
Author: grafana

App

24 symbols | 16 files | Cohesion: 87%

When to Use

Working with code in src/
Understanding how useReportAppInitialized, useCatchExceptions, App work
Modifying app-related functionality

Key Files

File	Symbols
`src/App/useCatchExceptions.ts`	useCatchExceptions, isObjectWithStringProperty, ensureErrorObject, shouldTreatAsApplicationError, onError (+1)
`src/shared/utils/utils.timerange.ts`	toSceneTime, toSceneTimeRange
`src/App/InlineBanner.tsx`	formatErrorMessage, InlineBanner
`src/App/Trail.tsx`	getPageNav, Trail
`src/App/useReportAppInitialized.ts`	useReportAppInitialized
`src/App/App.tsx`	App
`src/shared/utils/utils.trail.ts`	newMetricsTrail
`src/exposedComponents/MiniBreakdown/MiniBreakdown.tsx`	MiniBreakdown
`src/exposedComponents/LabelBreakdown/LabelBreakdown.tsx`	LabelBreakdown
`src/exposedComponents/EntityMetrics/EntityMetrics.tsx`	EntityMetrics

Entry Points

Start here when exploring this area:

useReportAppInitialized (Function) — src/App/useReportAppInitialized.ts:4
useCatchExceptions (Function) — src/App/useCatchExceptions.ts:67
App (Function) — src/App/App.tsx:22
newMetricsTrail (Function) — src/shared/utils/utils.trail.ts:37
toSceneTimeRange (Function) — src/shared/utils/utils.timerange.ts:52

Key Symbols

Symbol	Type	File	Line
`useReportAppInitialized`	Function	`src/App/useReportAppInitialized.ts`	4
`useCatchExceptions`	Function	`src/App/useCatchExceptions.ts`	67
`App`	Function	`src/App/App.tsx`	22
`newMetricsTrail`	Function	`src/shared/utils/utils.trail.ts`	37
`toSceneTimeRange`	Function	`src/shared/utils/utils.timerange.ts`	52
`ensureErrorObject`	Function	`src/App/useCatchExceptions.ts`	16
`onError`	Function	`src/App/useCatchExceptions.ts`	73
`onUnHandledRejection`	Function	`src/App/useCatchExceptions.ts`	81
`InlineBanner`	Function	`src/App/InlineBanner.tsx`	29
`getPageNav`	Function	`src/App/Trail.tsx`	24
`Trail`	Function	`src/App/Trail.tsx`	63
`useMetricsDrilldownQuestions`	Function	`src/App/assistant/useMetricsDrilldownQuestions.ts`	14
`AppRoutes`	Function	`src/App/Routes.tsx`	15
`useMetricsAppContext`	Function	`src/App/AppContext.tsx`	15
`ErrorView`	Function	`src/App/ErrorView.tsx`	12
`getActionViewName`	Method	`src/MetricScene/MetricScene.tsx`	132
`reload`	Method	`src/test/mocks/datasource.ts`	144
`toSceneTime`	Function	`src/shared/utils/utils.timerange.ts`	21
`MiniBreakdown`	Function	`src/exposedComponents/MiniBreakdown/MiniBreakdown.tsx`	19
`LabelBreakdown`	Function	`src/exposedComponents/LabelBreakdown/LabelBreakdown.tsx`	19

Execution Flows

Flow	Type	Steps
`Trail → CountLogsLines`	cross_community	6
`App → GetTrackedFlagPayload`	cross_community	6
`Trail → RelatedLogsScene`	cross_community	5
`MiniBreakdown → GetTrackedFlagPayload`	cross_community	5
`LabelBreakdown → GetTrackedFlagPayload`	cross_community	5
`EntityMetrics → GetTrackedFlagPayload`	cross_community	5
`Trail → LabelBreakdownScene`	cross_community	4
`Trail → RelatedMetricsScene`	cross_community	4

Connected Areas

Area	Connections
QuickSearch	4 calls
Extensions	2 calls
MetricScene	1 calls
MetricDatasourceHelper	1 calls

How to Explore

gitnexus_context({name: "useReportAppInitialized"}) — see callers and callees
gitnexus_query({query: "app"}) — find related execution flows
Read key files listed above for implementation details

App

File contents

App

When to Use

Key Files

Entry Points

Key Symbols

Execution Flows

Connected Areas

How to Explore

Frequently asked questions

App

File contents

App

When to Use

Key Files

Entry Points

Key Symbols

Execution Flows

Connected Areas

How to Explore

Related skills

Frequently asked questions

How do I install the App skill?

What does the App skill do?

Is App safe to use?

Which AI agents work with App?

Is App free to use?

Who published App?