cloudflare/kumo

cloudflare profile

Latest recorded source activity: July 23, 2026 at 13:53

SkillsMP catalog refreshed: October 26, 2026 at 11:37

skills collected: 2

GitHub stars: 4,130
GitHub forks: 195

Repository README

Repository README source: README.md

Read the source README

Expand full README

# Kumo Cloudflare's component library for building modern web applications. Kumo provides accessible, design-system-compliant UI components built on [Base UI](https://base-ui.com/). It handles keyboard navigation, focus management, and ARIA attributes so you can build accessible applications without thinking through every detail. <img width="2560" height="1456" alt="image" src="https://github.com/user-attachments/assets/032f5a0e-b686-4440-b1ca-6182379479aa" /> ## Installation ```bash pnpm add @cloudflare/kumo ``` ### Peer Dependencies ```bash pnpm add react react-dom @phosphor-icons/react ``` ## Usage ```tsx import { Button, Input, Dialog } from "@cloudflare/kumo"; import "@cloudflare/kumo/styles"; ``` ### Granular Imports (Tree-Shaking) ```tsx import { Button } from "@cloudflare/kumo/components/button"; ``` ### Base UI Primitives Kumo re-exports all Base UI primitives for advanced use cases: ```tsx import { Popover } from "@cloudflare/kumo/primitives/popover"; ``` ## CLI Query component documentation from the command line: ```bash 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](./AGENTS.md) for comprehensive development documentation including: - Component patterns and styling system - Semantic color tokens - Development workflows - CI/CD pipeline - Figma plugin ### Quick Start ```bash pnpm install pnpm dev # Start docs site at localhost:4321 pnpm --filter @cloudflare/kumo test ``` ### Figma Plugin ```bash # 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 ```bash pnpm --filter @cloudflare/kumo new-component ``` ## Documentation - **Live Docs**: [kumo-ui.com](https://kumo-ui.com) - **AI/Agent Guide**: [AGENTS.md](./AGENTS.md) ## License MIT

Loading the repository README…

Skills in this repository

Software Developers Web & Digital Interface Designers

2 occupation categories · 100% classified

skill

occupation

description

updated

index-knowledge

Software Developers

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

2026-07-23

kumo-design

Web & Digital Interface Designers

Cloudflare product design guidance. Use when designing, implementing, or reviewing Cloudflare dashboard interfaces, Kumo UI, responsive styling, dialogs, or frontend tests.

2026-07-23

Showing 2 of 2 collected skills.

Install with an AI assistant

Copy this prompt into the AI assistant you're using.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/cloudflare/kumo.