kanpeki

Community

Build accessible React UI components with ease.

Authorfellipeutaka
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Facilitates the integration and customization of accessible UI components in React projects, streamlining UI development for better user experiences.

Core Features & Use Cases

  • Component Library: Provides pre-built, copy-paste React components compatible with Tailwind CSS and React Aria for accessible design.
  • Customization & Theming: Supports flexible styling through CVA variants, dark mode, and theme tokens, enabling tailored UI solutions.
  • Use Case: Developers can quickly add accessible buttons, dialogs, and forms to their React apps, ensuring compliance with accessibility standards and accelerating development processes.

Quick Start

Install the Kanpeki component library in your React project, then import and use components like <Button /> or <Dialog /> directly in your React components.

Dependency Matrix

Required Modules

reacttailwindcssreact-aria-componentscva

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: kanpeki
Download link: https://github.com/fellipeutaka/website/archive/main.zip#kanpeki

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.