Plus Menu

The claude.ai + menu for files, skills, connectors, design systems, plugins and Research.

import { ClaudePlusMenu } from "../components/claude-plus-menu";

export default function ClaudePlusMenuExample() {
  return (
    <div className="bg-claude-bg flex justify-center p-6 pt-64">
      <ClaudePlusMenu />
    </div>
  );
}

$ bunx --bun shadcn@latest add @notra/claude-plus-menu

ClaudePlusMenu is a shadcn DropdownMenu behind a ghost + Button. It has Add files or photos with a ⌘ U shortcut in Kbds, then Skills, Connectors and Design system as submenus, Add plugins, and Research.

Prop	Default	Description
`onSelect`		Called with the picked item: `add-files`, `add-plugins`, `research`, or `skill:<name>`, `connector:<name>` and `design-system:<name>` from the submenus.

The submenu entries live in constants/claude.ts.

Used in

Claude

A full recreation of the claude.ai chat with web search, serif replies, message actions and the model picker.