skills.rest
bklit
bklitOFFICIAL
Explore all skills by this author →
Website𝕏@bklitaiGitHub

bklit-playground

Direct bklit-ui contributors from the deprecated /playground route to the Studio workflow.

1.5k|89|Updated Jan 19, 2026
Search Tags:#chart development#UI components#studio workflow#deprecated skill#bklit-ui#chart prototyping#playground route
One-click install
npx skills add https://github.com/bklit/bklit-ui --skill bklit-playground
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bklit-playground
Source: https://github.com/bklit/bklit-ui/tree/main/.agents/skills/bklit-playground
Command: npx skills add https://github.com/bklit/bklit-ui --skill bklit-playground

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the outdated local chart development workflow for bklit-ui contributors, where the legacy /playground route duplicated functionality from the production Studio environment and led to maintenance drift and redundant code.

Core Features & Use Cases

  • Deprecated Workflow Guidance: Explicitly marks the legacy /playground route as retired and directs contributors to the active bklit-studio skill for all chart prototyping and editing work.
  • Dev Environment Instructions: Provides the correct local Studio development URL (http://localhost:3000/studio) and optional chart slug query parameter for testing specific chart components.
  • Workflow Boundary Clarification: Defines that new chart scaffolding should not use the old playground directories, and confirms that shipping workflows remain handled by the bklit-ship skill with code living in the packages/ui and packages/studio directories.

Quick Start

Use the bklit-playground skill to get directed to the active bklit-studio workflow for all chart development work in the bklit-ui repository.

Frequently Asked Questions about bklit-playground

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

FAQPage Schema
Why is the local /playground route deprecated for chart development in bklit-ui?▼

The local /playground route for chart development is deprecated because it duplicated Studio functionality and caused maintenance drift. Contributors must now use the active Studio-based workflow to align chart prototyping.

How do I prototype charts locally in bklit-ui after the playground route removal?▼

To prototype charts locally in bklit-ui, navigate to the active Studio editor at http://localhost:3000/studio. You can append an optional chart slug query parameter to test specific chart components.

Where should new chart scaffolding code live in the bklit-ui repository?▼

New chart scaffolding code should live in the packages/ui and packages/studio directories. Contributors must avoid using old playground directories and rely on the current Studio editor for all chart work.

Does the bklit-studio workflow handle shipping new chart components?▼

The bklit-studio workflow handles chart editing and prototyping, but shipping workflows are managed separately by the bklit-ship skill. Code for both processes resides in the packages/ui and packages/studio directories.

What is the correct local development URL for bklit-ui chart prototyping?▼

The correct local development URL for bklit-ui chart prototyping is http://localhost:3000/studio. This Studio-based environment replaces the deprecated playground route for all chart development work.

Can I still use the playground directories for new chart development?▼

You cannot use the playground directories for new chart development. The workflow boundary clarification confirms these directories are retired, directing all chart scaffolding to the Studio editor instead.

Related Skills

Explore More Software Engineering Skills→
mckinseymckinsey
413

Ark Setup

Automate Ark source setup and local Kind cluster configuration.

Official
Advanced
bklitbklit
1.5k

bklit-studio

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

Official
Intermediate
bklitbklit
1.5k

bklit-studio-chart-performance

Optimize Bklit Studio chart performance by memoizing components and splitting contexts.

Official
Intermediate
Kabilan108Kabilan108
2

playground

Create interactive single-file HTML playgrounds with inline CSS and JavaScript.

Community
Basic