skills.rest
dwhoban
dwhobanCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/dwhoban/chanfana-vite-kumo --skill kumo-ui
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
NITRR-OfficialNITRR-Official
4

shadcn

Manage shadcn/ui components, project initialization, and theming via CLI.

Official
Advanced
ParadicatParadicat
1

web-artifacts-builder

Initialize a React and TypeScript project with Vite, Tailwind CSS, and shadcn/ui, then bundle it into a single HTML file.

Community
Advanced
rnavarychrnavarych
14

role-frontend:react-expert

Provide React 19 expertise for Next.js 15 and Remix applications.

Community
Advanced
mgd34msumgd34msu
4

headless-ui

Generate accessible, unstyled UI components for React and Vue applications.

Community
Intermediate