Official agent skill

Kbn UI Package

by elastic in elastic/kibana

This skill should be used when the user asks to "create a kbn-ui package", "onboard a component to kbn-ui", "package a Kibana component for external distribution", "add a package to kbn-ui", "set up…

OfficialCustom licenceAuto-check passedDevelopment

Install Kbn UI Package

skills CLI
$ npx skills add elastic/kibana --skill kbn-ui-package -a claude-code

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

GitHub CLI
$ gh skill install elastic/kibana kbn-ui-package --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/elastic/kibana.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/kbn-ui-package .claude/skills/kbn-ui-package && 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
kbn-ui-package
GitHub stars
21k
Token cost
~3.1k tokens
SKILL.md length
921 words
Files
2
Skills in repo
40
Repo updated
First seen
Licence
Custom licence

At a glance

This skill should be used when the user asks to "create a kbn-ui package", "onboard a component to kbn-ui", "package a Kibana component for external distribution", "add a package to kbn-ui", "set up…

  • Works in 4 steps: Gather Inputs → Analyze Source → Confirm with User → …
  • Asks to create a kbn-ui package
  • SKILL.md covers Overview, Phase 1 — Gather Inputs, Phase 2 — Analyze Source and Phase 3 — Confirm with User, plus 1 more section
  • Calls git

What it does

Kbn UI Package is an agent skill from elastic/kibana, published by the product's own GitHub organization. This skill should be used when the user asks to "create a kbn-ui package", "onboard a component to kbn-ui", "package a Kibana component for external distribution", "add a package to kbn-ui", "set up packaging for a Kibana component", or any mention of distributing a Kibana UI component to Cloud UI or external consumers. Guides the full interactive process: gathers inputs, moves source files, scaffolds the packaging layer, and updates all Kibana imports.

Its SKILL.md is about 3.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).

It sits in Development, covering Project scaffolding. It works with Elasticsearch, npm and React. The repository describes itself as: Your window into all of your data.

When your agent uses it

  • Asks to create a kbn-ui package
  • Onboard a component to kbn-ui
  • Package a Kibana component for external distribution
  • Add a package to kbn-ui

Example prompts

  • “create a kbn-ui package”
  • “onboard a component to kbn-ui”
  • “package a Kibana component for external distribution”
  • “/kbn-ui-package”

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Gather Inputs
  2. Analyze Source
  3. Confirm with User
  4. Execute

What it can do on your machine

Read from SKILL.md and the folder at commit ee7c86b. 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

    Shell commands in SKILL.md call:

    • git

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

  • Network

    No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.

    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

Kbn UI Package loads about 3.1k tokens when it runs. Until then it costs about 118 tokens; SKILL.md has 921 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~118
When it runs · the whole SKILL.md, loaded when a task matches
~3.1k

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

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 921 words (~3,113 tokens).

“The kbn-ui system distributes Kibana UI components as versioned standalone packages for external consumers (e.g. Cloud UI). Each package lives under src/platform/kbn-ui/ and has two layers:”

— opening of SKILL.md by elastic, Custom licence
name
kbn-ui-package
disable-model-invocation
true

Read the full SKILL.md on GitHub

Files

SKILL.md and 1 other file in .agents/skills/kbn-ui-package of elastic/kibana.

  • SKILL.md
  • agents/openai.yaml

Open the folder on GitHubat commit ee7c86b

Compare with similar skills

Kbn UI Package 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.

Kbn UI Package compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Kbn UI Package this skillelastic/kibana21k—~3.1kAutomated safety check: PassCustom licence
Pixijs Createpixijs/pixijs-skills346—~3.1kAutomated safety check: PassMIT
Lovable Cleanupsickn33/agentic-awesome-skills47k1 repos~3.7kAutomated safety check: NotesMIT
Pixijs Createnetaart/cohub570—~2.4kAutomated safety check: PassMIT
Add New Packageremotion-dev/remotion62k—~777Automated safety check: NotesCustom licence
Nx Generatenomcopter/react-mosaic4.8k7 repos~1.9kAutomated safety check: PassCustom licence

Similar skills

  • Pixijs Create

    pixijs/pixijs-skills

    A skill your agent uses when scaffolding a new PixiJS v8 project with the create-pixi CLI or adding PixiJS to an existing project.

    346 GitHub stars~3.1k tokensUpdated 7 days ago
    DevelopmentAuto-check passed
  • Lovable Cleanup

    sickn33/agentic-awesome-skills

    Audits and strips Lovable scaffolding from Vite + React projects — removes lovable-tagger, swaps placeholder assets, prunes unused Radix deps, cleans generated docs, and neutralizes stale…

    47k GitHub starsUsed in 1 repo~3.7k tokens
    DevelopmentAuto-check: notes
  • Pixijs Create

    netaart/cohub

    A skill your agent uses when scaffolding a new PixiJS v8 project with the create-pixi CLI or adding PixiJS to an existing project.

    570 GitHub stars~2.4k tokensUpdated yesterday
    DevelopmentAuto-check passed
  • Add New Package

    remotion-dev/remotion

    Official

    Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, and release checklist updates.

    62k GitHub stars~777 tokensUpdated yesterday
    Media & CreativeAuto-check: notes
  • Nx Generate

    nomcopter/react-mosaic

    Generate code using nx generators. An agent skill from nomcopter/react-mosaic.

    4.8k GitHub starsUsed in 7 repos~1.9k tokens
    DevelopmentAuto-check passed
  • Review Dep Upgrade

    react-cosmos/react-cosmos

    Review npm dependency upgrade diffs. An agent skill from react-cosmos/react-cosmos.

    8.7k GitHub stars~1.1k tokensUpdated 16 days ago
    DevelopmentAuto-check passed

More from elastic/kibana

All 40 skills in this repo
  • Official

    Migrate Kibana Cypress E2E tests (.cy.ts) to Scout (Playwright).

    21k GitHub stars~3.8k tokensUpdated yesterday
    Auto-check passed
  • Activate Connector

    elastic/kibana

    Official

    Creates a connector instance in a running Kibana. An agent skill from elastic/kibana.

    21k GitHub stars~1.9k tokensUpdated yesterday
    Auto-check: notes
  • Codeql

    elastic/kibana

    Official

    Work with CodeQL in Kibana — write, test, and debug custom queries locally, fetch scan results from GitHub, and validate inline suppression comments.

    21k GitHub stars~1.7k tokensUpdated yesterday
    Auto-check passed
  • Debug Oas

    elastic/kibana

    Official

    A skill your agent uses when debugging OpenAPI (OAS) issues for a specific API area in Kibana by scoping validation output with one or more --path filters, then separating structural invalid-OAS…

    21k GitHub stars~1.4k tokensUpdated yesterday
    Auto-check passed
  • Evals Write Spec

    elastic/kibana

    Official

    Write LLM evaluation spec files with datasets, tasks, and evaluators using the @kbn/evals Playwright fixture.

    21k GitHub stars~2.3k tokensUpdated yesterday
    Auto-check passed
  • Kbn GitHub

    elastic/kibana

    Official

    GitHub interactions via gh CLI for the Kibana repo. An agent skill from elastic/kibana.

    21k GitHub stars~1.3k tokensUpdated yesterday
    Auto-check passed

Categories

Questions about Kbn UI Package

What does Kbn UI Package do?

This skill should be used when the user asks to "create a kbn-ui package", "onboard a component to kbn-ui", "package a Kibana component for external distribution", "add a package to kbn-ui", "set up…. Kbn UI Package is an agent skill from elastic/kibana, published by the product's own GitHub organization. This skill should be used when the user asks to "create a kbn-ui package", "onboard a component to kbn-ui", "package a Kibana component for external distribution", "add a package to kbn-ui", "set up packaging for a Kibana component", or any mention of distributing a Kibana UI component to Cloud UI or external consumers.

When should I use Kbn UI Package?

Kbn UI Package fits situations like: asks to create a kbn-ui package; onboard a component to kbn-ui; package a Kibana component for external distribution; add a package to kbn-ui.

How do I install Kbn UI Package in Claude Code?

Run `npx skills add elastic/kibana --skill kbn-ui-package -a claude-code`. Or copy the skill folder (.agents/skills/kbn-ui-package in elastic/kibana) into .claude/skills/kbn-ui-package in your project. Claude Code loads it when a task matches its description.

How do I install Kbn UI Package in Codex?

Run `npx skills add elastic/kibana --skill kbn-ui-package -a codex`. Or copy the skill folder (.agents/skills/kbn-ui-package in elastic/kibana) into .agents/skills/kbn-ui-package in your project. Codex loads it when a task matches its description.

Can I use Kbn UI Package 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 elastic/kibana --skill kbn-ui-package -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/kbn-ui-package, .gemini/skills/kbn-ui-package, .github/skills/kbn-ui-package and .opencode/skills/kbn-ui-package in your project.

What does Kbn UI Package need to run?

Going by SKILL.md and its folder, Kbn UI Package needs the command-line tools its instructions call (git).

Does Kbn UI Package access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Kbn UI Package 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 Kbn UI Package use?

Kbn UI Package has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Kbn UI Package use?

About 3.1k tokens (SKILL.md is roughly 12k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Kbn UI Package?

Skills that share tags, products or a category with Kbn UI Package: Pixijs Create (pixijs/pixijs-skills, 346 stars), Lovable Cleanup (sickn33/agentic-awesome-skills, 47k stars), Pixijs Create (netaart/cohub, 570 stars) and Add New Package (remotion-dev/remotion, 62k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Kbn UI Package?

elastic (a GitHub organization, an official publisher) maintains it in elastic/kibana, which has 21,310 GitHub stars. The repository holds 40 skills in this directory. The repository was last updated on October 8, 2026.

Source: elastic/kibana on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.