kumo-ui

Provides a React component library for building Cloudflare Kumo user interfaces.

Updated Aug 23, 2026

Search Tags:#accessibility #frontend #react #design system #ui components #cloudflare kumo

Ready to run

npx skills add https://github.com/dwhoban/chanfana-vite-kumo --skill kumo-ui

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: kumo-ui
Source: https://github.com/dwhoban/chanfana-vite-kumo/tree/main/.opencode/skills/kumo-ui
Command: npx skills add https://github.com/dwhoban/chanfana-vite-kumo --skill kumo-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of pre-built, accessible, and themeable React components for building user interfaces, ensuring consistency and accelerating development.

Core Features & Use Cases

Component Library: Offers a wide range of UI elements including buttons, inputs, dialogs, tables, and more.
Theming & Tokens: Enforces the use of semantic tokens for consistent styling and automatic dark mode support.
Accessibility: Built with accessibility best practices in mind.
Use Case: Quickly assemble a complex dashboard with forms, data tables, and navigation using Kumo's robust component set.

Quick Start

Use the kumo-ui skill to create a dialog with a title, description, and two buttons.

Frequently Asked Questions about kumo-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I build accessible React UI components for a Cloudflare dashboard?▼

Build accessible React UI components for Cloudflare using pre-built elements like buttons, inputs, and dialogs that adhere to semantic token usage and accessibility standards. This library accelerates UI assembly while ensuring consistent styling and automatic dark mode support.

What is the best way to ensure consistent theming across React frontend components?▼

Ensure consistent theming across React frontend components by enforcing semantic tokens for styling. This approach provides automatic dark mode support and visual consistency across UI elements like inputs, tables, and navigation without manual theme overrides.

Can I use Base UI headless primitives to extend React component functionality?▼

Yes, you can extend React component functionality by integrating Base UI headless primitives. This integration allows you to build customized user interfaces while leveraging the library's pre-built actions, overlays, and feedback components.

Do I need specific dependencies to use Kumo React components?▼

No specific dependencies are required to start using Kumo React components. The library provides a comprehensive set of pre-built, themeable UI elements that can be directly integrated into your React application workflow.

How do I create a dialog with a title and action buttons in React?▼

Create a dialog in React by utilizing the pre-built overlay components provided by the library. You can quickly assemble a dialog with a title, description, and action buttons to handle user interactions and feedback within your interface.