跳到技能内容
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
技能目录24 小时热门TOP100 技能每日更新
Skills 技能/beartropy/charts/bt-charts-component

Claude Code bt-charts-component:为 Laravel 统计选 Beartropy 图表

English

Claude Code 安装步骤

  1. 打开 GitHub 固定提交的 `.claude/skills/bt-charts-component/SKILL.md`,核对内容与使用条件。
  2. 在自己的项目中创建 `.claude/skills/bt-charts-component/`,把核对后的文件保存为 `.claude/skills/bt-charts-component/SKILL.md`。
  3. 在该项目根目录启动 Claude Code,在斜杠菜单中选择 `/bt-charts-component`。

中文摘要

根据趋势、类别对比或比例选择 Beartropy Charts 组件,整理图表需要的标签和值。

SKILL.md 中文导读

可复现示例

图表为社区工作坊对比,样例数据为 {repair: 14, gardening: 9}。需求是并排比较类别和值。

工作步骤

  1. 先把要回答的问题明确为趋势、对比还是比例。
  2. 用相应组件呈现真实数据,并在预览中核对标签和读数。

验收方法

选柱状图组件 x-bt-bar-chart,保留 {repair: 14, gardening: 9},用实际组件预览核对两项标签和值。

GitHub 原文 · 更新日期 2026-11-14

适用环境

在 Claude Code 中打开已配置 Beartropy Charts 的 Laravel 工程,使用当前工程的 Blade 组件注册与数据。

常见问题

要显示按月份的变化,选哪种图?

跨时间的变化适合折线图。类别对比可用柱状图,少量分类占比可用饼图或环图。

技能信息

GitHub 仓库
beartropy/charts

收集于互联网

相关指南

  • Claude Code 自定义 Skills:SKILL.md 的目录、触发条件与测试
更多 Claude Code 技能
词映 AI 导航Skills 技能
工具分类全部工具已本地化技能选型指南AI 快讯