bklit-studio-chart-performance
OfficialFix sluggish Studio chart performance instantly.
Software Engineering#react#memoization#ui-performance#svg-animation#bklit-ui#chart-performance#studio-optimization
Authorbklit
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill solves the issue of charts feeling sluggish in the Bklit Studio editor (experiencing lag during pan operations, slider tick updates, or legend hover interactions) even when similar chart types like the pie chart perform smoothly.
Core Features & Use Cases
- Structured Performance Audit Workflow: Step-by-step guidance to identify root causes of chart lag, including re-render tracing, expensive animation detection, and context memoization checks.
- Proven Optimization Patterns: Pre-vetted solutions for common Studio chart performance issues, such as splitting stable and hover contexts, isolating enter animations, and adding memo boundaries for preview components.
- Cross-Chart Compatibility: Applies to all chart types rendered in Studio, including Sankey, radar, funnel, and cartesian charts, with reference implementations from high-performing chart types like pie and ring.
- Use Case: If your Sankey chart drops FPS during canvas pan while the pie chart runs at 60fps, use this Skill to apply the checklist and align your chart's performance to the reference baseline.
Quick Start
Use the bklit-studio-chart-performance skill to audit and fix the sluggish performance of your Studio chart by following the provided optimization checklist.
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-chart-performance Download link: https://github.com/bklit/bklit-ui/archive/main.zip#bklit-studio-chart-performance 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.