umbraco-kinds by umbraco/umbraco-cms-backoffice-skills
npx skills add https://github.com/umbraco/umbraco-cms-backoffice-skills --skill umbraco-kindsKinds 是一种预设配置,扩展可以继承它以保持一致性。它通过定义多个扩展可以共享的默认属性来减少冗余。Kinds 确保跨扩展的标准化结构,并通过提供扩展自动继承的预定义属性来简化定义。
在实现之前,请务必获取最新的文档:
import type { UmbExtensionManifestKind } from '@umbraco-cms/backoffice/extension-api';
export const customButtonKind: UmbExtensionManifestKind = {
type: 'kind',
alias: 'My.Kind.HeaderAppButton',
matchType: 'headerApp',
matchKind: 'button',
manifest: {
elementName: 'umb-header-app-button',
},
};
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
const manifest = {
type: 'headerApp',
kind: 'button', // 使用 'button' kind
name: 'My Header App',
alias: 'My.HeaderApp',
meta: {
label: 'My App',
icon: 'icon-heart',
href: '/my-app',
},
};
export const cardKind: UmbExtensionManifestKind = {
type: 'kind',
alias: 'My.Kind.DashboardCard',
matchType: 'dashboard',
matchKind: 'card',
manifest: {
elementName: 'my-dashboard-card',
meta: {
// 默认元属性
size: 'medium',
color: 'default',
},
},
};
// 扩展继承默认值,可以覆盖
const dashboard = {
type: 'dashboard',
kind: 'card',
alias: 'My.Dashboard',
name: 'My Dashboard',
meta: {
label: 'Stats',
pathname: 'stats',
// size 和 color 从 kind 继承
},
};
就是这样!请务必获取最新的文档,保持示例简洁,生成完整可运行的代码。
每周安装次数
72
代码仓库
GitHub 星标数
15
首次出现
2026年2月4日
安全审计
安装于
github-copilot53
cursor25
opencode23
codex23
gemini-cli21
amp21
A Kind is a preset configuration that extensions inherit for consistency. It reduces redundancy by defining default properties that multiple extensions can share. Kinds ensure standardized structures across extensions and simplify definitions by providing predefined properties that extensions automatically inherit.
Always fetch the latest docs before implementing:
import type { UmbExtensionManifestKind } from '@umbraco-cms/backoffice/extension-api';
export const customButtonKind: UmbExtensionManifestKind = {
type: 'kind',
alias: 'My.Kind.HeaderAppButton',
matchType: 'headerApp',
matchKind: 'button',
manifest: {
elementName: 'umb-header-app-button',
},
};
const manifest = {
type: 'headerApp',
kind: 'button', // Uses the 'button' kind
name: 'My Header App',
alias: 'My.HeaderApp',
meta: {
label: 'My App',
icon: 'icon-heart',
href: '/my-app',
},
};
export const cardKind: UmbExtensionManifestKind = {
type: 'kind',
alias: 'My.Kind.DashboardCard',
matchType: 'dashboard',
matchKind: 'card',
manifest: {
elementName: 'my-dashboard-card',
meta: {
// Default meta properties
size: 'medium',
color: 'default',
},
},
};
// Extension inherits defaults, can override
const dashboard = {
type: 'dashboard',
kind: 'card',
alias: 'My.Dashboard',
name: 'My Dashboard',
meta: {
label: 'Stats',
pathname: 'stats',
// size and color inherited from kind
},
};
That's it! Always fetch fresh docs, keep examples minimal, generate complete working code.
Weekly Installs
72
Repository
GitHub Stars
15
First Seen
Feb 4, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykWarn
Installed on
github-copilot53
cursor25
opencode23
codex23
gemini-cli21
amp21
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
122,000 周安装
iOS实时活动开发指南:ActivityKit实现灵动岛与锁屏通知
465 周安装
Git推送工作流:自动暂存、规范提交、一键推送远程分支的智能脚本
471 周安装
文件管理技能 - 自动化文件/文件夹操作、批量处理、安全管理的智能工具
472 周安装
Turso数据库调试指南:SQLite兼容性、字节码对比与Rust日志记录
472 周安装
skill-creator:AI CLI技能自动化创建工具,遵循Anthropic最佳实践,支持Copilot/Claude/Codex
473 周安装
性能剖析指南:Lighthouse审计、核心网页指标优化与运行时性能分析
477 周安装