bklit-studio

Official

Streamline bklit-ui chart development in Studio.

Authorbklit
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The deprecated local /playground route for bklit-ui chart development creates inconsistent workflows for monorepo contributors, with no standardized surface for building, editing, and prototyping charts before shipping.

Core Features & Use Cases

  • Standardized Studio Workflow: Auto-triggers for all chart-related tasks, replacing the old /playground route with a single development surface at /studio that includes a full editor, layer tree, property controls, animation tuning, codegen, and registry previews.
  • Guided Implementation Paths: Provides explicit file paths and step-by-step workflows for editing existing charts, adding new charts to the registry, and adding new props or layers to existing charts, ensuring contributors work in the correct packages/studio and packages/ui directories.
  • Use Case: A contributor adding a new profit/loss line chart mode can follow the skill's steps to implement the component, add the chart slug, configure the Studio registry, and iterate directly in /studio without referencing deprecated playground code.

Quick Start

Run pnpm dev at the repository root, then open http://localhost:3000/studio in your browser to start building or editing charts.

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

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