bklit-ui
一个可定制和扩展的开源图表与工具组件库。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：bklit-ui。 它的用途是：一个可定制和扩展的开源图表与工具组件库。 完整的 Skill 内容见：https://321skill.com/skills/bklit-ui/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要在我的React项目中添加一个可交互的K线图来展示股票数据。”，AI会建议你查阅Bklit UI的K线图组件文档，并指导你如何通过npm安装库、引入组件、配置数据格式和交互事件，快速集成到你的页面中。
介绍
Bklit UI 是一个开源图表与工具组件库，旨在解决开发者快速构建高质量、可交互数据可视化界面的需求。它提供了丰富的预制图表组件，如面积图、柱状图、K线图、等值区域图等，帮助开发者摆脱从零搭建复杂图表的繁琐工作。
使用 Bklit UI 非常便捷，开发者可以通过其官方文档和在线 Studio 工具，直接查看组件示例、调整配置并生成代码。它支持高度的定制化，允许开发者根据自身项目的设计规范和业务逻辑对组件进行扩展和样式调整。
该库非常适合前端开发者、数据可视化工程师以及需要将数据以图表形式呈现的 Web 应用项目。无论是构建仪表盘、数据分析后台还是金融交易平台，Bklit UI 都能提供强大的组件支持。
与同类图表库相比，Bklit UI 不仅提供基础的图表渲染，更强调组件的可定制性和扩展性，并配备了在线可视化配置工具（Studio），降低了使用门槛，让非专业开发者也能快速上手和调整。
核心特点
核心区别在于其提供了在线 Studio 工具，允许用户通过可视化界面实时配置和预览图表，极大简化了定制流程；同时，组件设计强调可扩展性，方便开发者深度定制以满足特定业务场景。
注意事项
对于需要极高性能渲染（如超大规模实时数据流）或高度特定、非标准化的图表类型场景可能不够适用。
常见问题
Bklit UI 支持哪些图表类型？
支持面积图、柱状图、K线图、等值区域图等多种常用图表，并持续更新。
Bklit UI 是免费的吗？
是的，它是一个开源项目，遵循开源协议，可以免费使用和修改。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/bklit-ui/raw/index.md 读取 bklit-ui 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/bklit-ui/raw/index.md（查看排版版本）