bklit/bklit-ui

bklit-playground

DEPRECATED — use bklit-studio instead.

Quelltext ansehen

Verwendung

  1. Installationsbefehl kopieren und das Quellpaket vor der Installation in der eigenen Agentenumgebung prüfen.
  2. Benötigte Werkzeuge, Zugangsdaten und Hosts im Original prüfen.
  3. Eingabe und gewünschtes Ergebnis beschreiben und die Ausgabe mit den Quellen abgleichen.
npx skills add https://github.com/bklit/bklit-ui --skill bklit-playground

Vor dem Start

  • Die Installation umfasst weder Modellabo noch API-Kontingent oder Dateizugriffsrechte.
  • Sterne und Installationen zeigen Aktivität, keine unabhängige Qualitäts- oder Sicherheitsprüfung.
Originales Skill-Dokument

Aus dem Quell-Repository gerendert; Überschriften, Beispiele, Code, Tabellen, Links und Bilder bleiben erhalten.

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/.

Verwandte Aufgaben

aus demselben Repository

Weitere Skills

Alle Skills
bklit
Community

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.

Installationen
1
GitHub Stars
1790
Aktualisiert
19. Okt.
bklit
Community

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.

Installationen
1
GitHub Stars
1790
Aktualisiert
19. Okt.
bklit
Community

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

Installationen
1
GitHub Stars
1790
Aktualisiert
19. Okt.
bklit
Community

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.

Installationen
1
GitHub Stars
1790
Aktualisiert
19. Okt.