N
Nyxis
Skills

SkillMarketplace

Discovery grid with category filters, star ratings, install counts, and stateful install button.

Preview

Marketplace

4 / 4

  • nyxis-skills

    Installed

    Read events, schedule meetings, and check availability across calendars.

    • read
    • write
    4.8(1,284)218k installsv2.4.0

  • nyxis-skills

    Read repos, open issues, comment on PRs, search code.

    • read
    • write
    4.6(902)145k installsv1.8.2

  • community

    Send and read messages across channels and DMs.

    • read
    • write
    4.2(412)38k installsv0.9.1

  • data-team

    Read-only access to a Postgres database with safe schemas.

    • read
    4.9(87)6.2k installsv3.0.0

Installation

pnpm add nyxis-ui

Usage

import { SkillMarketplace, type Skill } from 'nyxis-ui';

const [installing, setInstalling] = useState<string | undefined>(undefined);

<SkillMarketplace
  skills={catalog}
  installingId={installing}
  onInstall={async (id) => {
    setInstalling(id);
    await runtime.install(id);
    setInstalling(undefined);
  }}
  onSelect={(id) => router.push(`/marketplace/${id}`)}
/>;

Card anatomy

  • Icon + name (clickable) + author.
  • Install / Installing… / Installed button on the right.
  • Description (3-line clamp).
  • Compact scopes preview via <SkillPermissions compact />.
  • Footer: rating + count, install count, version.

When to use this vs. <SkillRegistry>

  • <SkillMarketplace> — discovery: skills the user can install.
  • <SkillRegistry> — configuration: skills the user already installed.