bklit/bklit-ui

bklit-playground

DEPRECATED — use bklit-studio instead.

ソースを見る

使い方

  1. インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
  2. 必要なツール、認証情報、対応環境を原文で確認します。
  3. 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/bklit/bklit-ui --skill bklit-playground

開始前の確認

  • 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
  • スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文

見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。

Deprecated: bklit-playground

This skill is retired. Chart prototyping and editing now happen in Studio only.

Use instead

Read and follow `.agents/skills/bklit-studio/SKILL.md`.

  • Dev URL: http://localhost:3000/studio (pnpm dev from repo root)
  • Optional: ?chart=line-chart (or any slug from packages/studio/src/chart-slugs.ts)

Why

Studio already includes the editor shell, component tree, properties, motion controls, codegen, and registry-backed previews. The gitignored /playground route duplicated wiring and drifted from production Studio.

/playground route

Redirects to /studio. Do not scaffold apps/web/app/playground/page.tsx or apps/web/components/playground/ for new chart work.

Shipping

Unchanged: `.agents/skills/bklit-ship/SKILL.md` — prototypes should live in packages/ui and packages/studio, not under apps/web/components/playground/.

タスクに関連する項目

同じリポジトリから

関連する Skills

すべての Skills
bklit
コミュニティ

bklit-studio

bklit-ui monorepo contributors only. Use automatically when building or editing charts, tuning props/animation, or prototyping in Studio (/studio). Replaces the deprecated local /playground route.

導入数
1
GitHub Stars
1790
更新日
10月19日
bklit
コミュニティ

bklit-studio-chart-performance

Reusable Studio chart performance audit and fix workflow. Use when a chart feels sluggish in /studio (pan, slider ticks, legend hover) but siblings like pie-chart feel fine.

導入数
1
GitHub Stars
1790
更新日
10月19日
bklit
コミュニティ

bklit-ui-design

Turns plain-language chart design requests into exact Bklit UI (@bklit shadcn registry) components and props, styled to fit the host app. Use when someone describes how a chart should look rather than naming props, e.g. "diagonal pattern background that fades out", "squircle bars", "3D glass bars", "hatched area", "dot grid", "skeleton loading state", "dashed forecast", "half donut", "make the charts match my brand / dark mode / border radius". Detects the project's Tailwind version, colour form

導入数
1
GitHub Stars
1790
更新日
10月19日
bklit
コミュニティ

turborepo

Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, caching, remote cache, the "turbo" CLI, --filter, --affected, CI optimization, environment variables, internal packages, monorepo structure/best practices, and boundaries. Use when user: configures tasks/workflows/pipelines, creates packages, sets up monorepo, shares code between apps, runs changed/affected packages, debugs cache, or has apps/packages directories.

導入数
1
GitHub Stars
1790
更新日
10月19日