bklit-studio
OfficialStreamline bklit-ui chart development in Studio.
Software Engineering#monorepo#codegen#chart development#studio#component editing#bklit-ui#chart prototyping
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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.