cloudflare / kumo

✓ Official★ 2,500

A skill package that teaches your agent 1 capability — every one documented and browsable below, no GitHub required · by cloudflare.

Each skill below is one capability this package teaches your agent. Install the whole package, or open a skill to install just that one.

index-knowledge🔥🔥🔥🔥✓ VerifiedFreeQuick setup

Generate hierarchical AGENTS.md knowledge base for a codebase. Creates root + complexity-scored subdirectory documentation.

1 file — installable on its own

→

Kumo

Cloudflare's component library for building modern web applications.

Kumo provides accessible, design-system-compliant UI components built on Base UI. It handles keyboard navigation, focus management, and ARIA attributes so you can build accessible applications without thinking through every detail.

Installation

Copy & paste — that's it

pnpm add @cloudflare/kumo

Peer Dependencies

Copy & paste — that's it

pnpm add react react-dom @phosphor-icons/react

Usage

Copy & paste — that's it

import { Button, Input, Dialog } from "@cloudflare/kumo";
import "@cloudflare/kumo/styles";

Granular Imports (Tree-Shaking)

Copy & paste — that's it

import { Button } from "@cloudflare/kumo/components/button";

Base UI Primitives

Kumo re-exports all Base UI primitives for advanced use cases:

Copy & paste — that's it

import { Popover } from "@cloudflare/kumo/primitives/popover";

CLI

Query component documentation from the command line:

Copy & paste — that's it

npx @cloudflare/kumo ls          # List all components
npx @cloudflare/kumo doc Button  # Get component docs
npx @cloudflare/kumo docs        # Get all docs

Development

See AGENTS.md for comprehensive development documentation including:

Component patterns and styling system
Semantic color tokens
Development workflows
CI/CD pipeline
Figma plugin

Quick Start

Copy & paste — that's it

pnpm install
pnpm dev                    # Start docs site at localhost:4321
pnpm --filter @cloudflare/kumo test

Figma Plugin

Copy & paste — that's it

# Optional: enable token sync during build
# cp packages/kumo-figma/scripts/.env.example packages/kumo-figma/scripts/.env
# $EDITOR packages/kumo-figma/scripts/.env  # set FIGMA_TOKEN (and optionally FIGMA_FILE_KEY)

pnpm --filter @cloudflare/kumo-figma build
# In Figma: Plugins > Development > Import plugin from manifest...
# Select: packages/kumo-figma/src/manifest.json

Creating Components

Copy & paste — that's it

pnpm --filter @cloudflare/kumo new-component

Documentation

Live Docs: kumo-ui.com
AI/Agent Guide: AGENTS.md

License

MIT

Install the whole package (1 skills):

Copy & paste — that's it

npx skills add https://github.com/cloudflare/kumo

Or install a single skill:

Copy & paste — that's it

npx skills add https://github.com/cloudflare/kumo --skill <name>

Pick the skill name from the Skills tab — each entry there installs independently.