umbraco avatar

Umbraco Search Result Item

This handles the presentation layer for search results in Umbraco's backoffice. You'd use it when you need to customize how specific entity types appear in search results, whether that's adding custom icons, displaying metadata like status badges and dates, or showing extended information from your search provider. The skill pulls fresh docs from Umbraco's official extension registry and generates both the manifest and Lit element implementation. It covers standard search results and picker search results, which is handy since the patterns differ slightly. The examples show proper TypeScript interfaces for extending the base search result model with your own data, which is usually where people get stuck.

skills.sh installs
393
GitHub stars
27
last updated
Aug 21, 2026

Install

$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-search-result-item --agent claude-code

Installs into .claude/skills of the current project.

Files

Umbraco Search Result Item

What is it?

A Search Result Item is a custom component that controls how individual search results are displayed in the backoffice search results. It allows you to customize the visual presentation of search results for specific entity types - showing additional information, custom icons, badges, or any other visual elements.

Documentation

Always fetch the latest docs before implementing:

Related Foundation Skills

  • Umbraco Element: For implementing the result item element
    • Reference skill: umbraco-umbraco-element

Workflow

  1. Fetch docs - Use WebFetch on the URLs above
  2. Ask questions - What entity type? What additional info to display?
  3. Generate files - Create manifest + element based on latest docs

Sponsors

Details

Repository
github.com/umbraco/umbraco-cms-backoffice-skills
Categories
Documentation, .NET & C#
First seen
Jun 3, 2026

More from umbraco/umbraco-cms-backoffice-skills

All 76
1davila7 avatarstripe-integrationdavila7/claude-code-templatesGet paid from day one. Payments, subscriptions, billing portal, webhooks, metered billing, Stripe Connect. The complete guide to implementing Stripe correctly, 392skills.sh installs
2umbraco avatarumbraco-monaco-markdown-editor-actionumbraco/umbraco-cms-backoffice-skillsImplement Monaco markdown editor actions in Umbraco backoffice using official docs392skills.sh installs
3davila7 avatarperplexitydavila7/claude-code-templatesWeb search and research using Perplexity AI. Use when user says "search", "find", "look up", "ask", "research", or "what's the latest" for generic queries. NOT 391skills.sh installs
4umbraco avatarumbraco-treeumbraco/umbraco-cms-backoffice-skillsImplement trees in Umbraco backoffice using official docs391skills.sh installs
5zzci avatarpma-webzzci/skillsFrontend implementation guide for PMA-managed React + Vite SPA and internal-tool frontend projects. Covers required quality gates, file-based type-safe routing 391skills.sh installs
6davila7 avatarfirebasedavila7/claude-code-templatesFirebase gives you a complete backend in minutes - auth, database, storage, functions, hosting. But the ease of setup hides real complexity. Security rules are 390skills.sh installs