AI导哈

智能体工作流

bklit-playground

bklit/bklit-ui

DEPRECATED — use bklit-studio instead. Local /playground is no longer the chart development workflow for bklit-ui contributors.

  • 666 次安装
  • 1800 星标
  • 收录于

安装命令

npx skills add https://github.com/bklit/bklit-ui --skill bklit-playground

SKILL.md

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.

相关 Skills

bklit-uibklit/bklit-uiInstall, compose, theme, and animate Bklit UI charts (the @bklit shadcn registry) in a React / Next.js app. Use when the user wants a chart, graph, or data visualization: line, area, bar, live/streaming line, composed, scatter, candlestick/OHLC, pie, ring/donut, radar, gauge, heatmap, funnel, sankey, sunburst, or choropleth/world map; a sparkline or tiny inline chart (LineSparkline, AreaSparkline, BarSparkline, useSparklineHover) for tables, KPI cards, or dense dashboards; a dashboard, analytics page, KPI or stat card; chart tooltips, crosshairs, legends, markers, reference bands, projections, trend lines, axes, or grids; or when code imports from components/charts/* or mentions @bklit/* or bklit.com. For styling vocabulary (patterns, squircle/rounded/3D bars, fades, loading looks, matching the app theme) also use bklit-ui-design. For moving from Recharts, shadcn ChartContainer, or TanStack Charts to Bklit, use bklit-ui-migrate.数据与研究1234unit-testsbklit/bklit-uiGuardrails for adding unit tests in bklit-ui without over-testing. Use when the user mentions unit test, unit tests, tests, test coverage, add tests, write tests, vitest, jest, or asks whether something should be tested.测试与安全688bklit-studio-chart-performancebklit/bklit-uiReusable 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.数据与研究685bklit-shipbklit/bklit-uibklit-ui monorepo contributors only — ship a chart or component from Studio prototype to production in packages/ui with docs and registry.前端开发677pr-openbklit/bklit-uiOpen a pull request the bklit-ui way: stage and commit with pre-commit hooks, run ultracite from the repo root, rebuild the shadcn registry, run a production test build, fix failures, push, and create a PR with a structured summary. Use when the user asks to commit, push, open a PR, "ship it", or run the full pre-PR checklist.前端开发659add-x-tweetbklit/bklit-uiAdd X (Twitter) testimonials to the bklit homepage. Fetches username, avatar, and tweet text from a status URL and appends an entry to apps/web/lib/testimonials.ts. Use when the user shares an x.com/twitter.com tweet URL to add or replace a testimonial.营销与写作657