Skills
.Work. You
Rest

bklit-ui

Official

Build themed, composable charts with Bklit UI.

Software Engineering#data visualization#react#dashboard#shadcn#composable components#chart theming#bklit-ui
Authorbklit
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates the common errors and wasted time that come with manually implementing Bklit UI chart components, such as broken composition, inconsistent theming, and non-functional tooltips or animations that require extensive debugging.

Core Features & Use Cases

  • Guided Installation & Setup: Automates configuration of the @bklit shadcn registry and installs chart components with all required peer dependencies via the shadcn CLI.
  • Enforced Best Practices: Provides clear, rule-based guidance for chart composition, theming with design tokens, animation configuration, and tooltip customization to ensure consistent, production-ready visualizations.
  • Use Case: A developer building a customer analytics dashboard can use this Skill to quickly add a live line chart for real-time active user tracking, with correct theming to match their existing design system and no rendering errors.

Quick Start

Use the bklit-ui skill to add a themed live line chart to your React dashboard that displays real-time active user data with correct composition and interactive tooltips.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: bklit-ui
Download link: https://github.com/bklit/bklit-ui/archive/main.zip#bklit-ui

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 537,000+ vetted skills library on demand.