bklit-studio

Standardize bklit-ui chart development workflows via the /studio surface.

1.5k|89|Updated Jan 19, 2026

Search Tags:#monorepo #codegen #chart development #studio #component editing #bklit-ui #chart prototyping

One-click install

npx skills add https://github.com/bklit/bklit-ui --skill bklit-studio

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: bklit-studio
Source: https://github.com/bklit/bklit-ui/tree/main/.agents/skills/bklit-studio
Command: npx skills add https://github.com/bklit/bklit-ui --skill bklit-studio

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about bklit-studio

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I add a new chart to the bklit-ui monorepo registry?▼

To add a new chart to the bklit-ui monorepo, implement the component in packages/ui, add the chart slug, and configure the Studio registry to expose it at the /studio development surface for prototyping.

What is the best way to prototype and edit chart components in a monorepo?▼

Prototyping and editing chart components is best done through the standardized Studio surface, which provides a full editor, layer tree, property controls, animation tuning, and codegen for monorepo contributors.

How do I add new props or layers to existing charts in bklit-ui?▼

Adding new props or layers to existing charts requires following explicit step-by-step workflows within the packages/ui directory and configuring the changes through the Studio registry at the /studio route.

Can I still use the local /playground route for chart development?▼

The local /playground route is deprecated and replaced by the standardized Studio-based development surface at /studio to eliminate inconsistent workflows for bklit-ui monorepo contributors.