Skills

SkillPermissions

Pill row of required scopes (read / write / admin × resource) with compact and limited variants.

Preview

read:files
read:calendar
write:email
admin:workspace

read
write
admin

Installation

pnpm add nyxis-ui

Usage

import { SkillPermissions } from 'nyxis-ui';

<SkillPermissions
  scopes={[
    { kind: 'read', resource: 'calendar' },
    { kind: 'write', resource: 'email' },
    { kind: 'admin', resource: 'workspace' },
  ]}
/>;

Scope kinds

Kind	Tone	Icon	Use for
`read`	muted	eye	Viewing a resource without modifying it.
`write`	amber	pencil	Modifying / creating in a resource.
`admin`	destructive	shield	Full administrative access.

Variants

Default: pill with icon + kind:resource label.
compact: icon-only pill, fixed-size, with hover tooltip.
limit collapses overflow into a +N chip with an aggregated tooltip.