bklit/bklit-ui

bklit-playground

DEPRECATED — use bklit-studio instead.

Ver código fuente

Cómo usar

  1. Copia el comando y revisa el paquete antes de instalarlo en tu entorno de agente.
  2. Consulta las herramientas, credenciales y entornos necesarios en el documento original.
  3. Describe las entradas y el resultado deseado; contrasta la salida con las fuentes.
npx skills add https://github.com/bklit/bklit-ui --skill bklit-playground

Antes de empezar

  • La instalación no incluye suscripción al modelo, cuota API ni permisos sobre tus archivos.
  • Las estrellas e instalaciones reflejan actividad, no una prueba independiente de calidad o seguridad.
Documento original del Skill

Contenido del repositorio de origen con títulos, ejemplos, código, tablas, enlaces e imágenes preservados.

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

Relacionados por tarea

del mismo repositorio

Más Skills

Todos los Skills
bklit
Comunidad

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.

instalaciones
1
GitHub Stars
1,8 mil
Actualizado
19 oct
bklit
Comunidad

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.

instalaciones
1
GitHub Stars
1,8 mil
Actualizado
19 oct
bklit
Comunidad

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

instalaciones
1
GitHub Stars
1,8 mil
Actualizado
19 oct
bklit
Comunidad

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.

instalaciones
1
GitHub Stars
1,8 mil
Actualizado
19 oct