行业增长趋势图表生成技能。专门用于生成"增长趋势+增速"双Y轴组合图表。 触发词:增长趋势、增长率、增速、年度增长、复合增长、CAGR、趋势图、增长图表
npx claudepluginhub within-7/minto-plugin-toolsThis skill inherits all available tools. When active, it can use any tool Claude has access to.
references/config-options.mdreferences/data-format.md这是一个专门用于生成"行业增长趋势+年度增长率"双Y轴组合图表的技能。用户提供任意行业的数据,自动生成专业的 ECharts 可视化图表。
| 场景 | 示例 |
|---|---|
| 市场规模增长 | 行业市场规模年度变化 |
| 营收增长 | 企业营收及增长率 |
| 用户增长 | 用户数及增长率 |
| 产量增长 | 产量及同比增长率 |
| 交易额增长 | GMV及增速变化 |
支持多种输入格式:
年份 金额 增速
2015 578.31 57.80%
2016 773.13 33.70%
2017 1118.42 44.70%
...
2015年:578.31百万,增速57.80%
2016年:773.13百万,增速33.70%
2017年:1118.42百万,增速44.70%
...
{
"title": "新能源汽车市场规模",
"unit": "亿元",
"data": [
{"year": "2015", "value": 578.31, "growth": 57.8},
{"year": "2016", "value": 773.13, "growth": 33.7}
]
}
金额数据:578.31, 773.13, 1118.42, ...
增速数据:57.8%, 33.7%, 44.7%, ...
年份:2015-2024
可直接在浏览器打开运行的图表文件。
| 配置项 | 默认值 | 说明 |
|---|---|---|
| 图表标题 | "市场规模及增速趋势" | 可自定义 |
| 金额单位 | "百万" | 支持万、亿等 |
| 柱状图颜色 | 蓝色渐变 | 可自定义 |
| 折线图颜色 | 红色 | 可自定义 |
| 图表宽度 | 900px | 自适应 |
| 图表高度 | 500px | 可调整 |
| 命令 | 用途 |
|---|---|
/growth-trend-chart <数据> | 生成增长趋势+增速图表 |
用户: 帮我生成新能源汽车市场增长趋势图
2020年:120万辆,增速15%
2021年:180万辆,增速50%
2022年:280万辆,增速56%
2023年:450万辆,增速61%
2024年:650万辆,增速44%
AI: [生成双Y轴组合图,柱状图显示销量,折线图显示增速]
用户: 生成某电商GMV趋势图
数据:
年份 GMV(亿) 增速
2019 5000 25%
2020 6500 30%
2021 8200 26%
2022 9800 20%
2023 11500 17%
AI: [生成专业图表,保存为HTML文件]
用户: 帮我画DAU增长趋势
2021Q1: 100万, +20%
2021Q2: 130万, +30%
2021Q3: 170万, +31%
2021Q4: 220万, +29%
AI: [生成季度维度的增长趋势图]
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). **PROACTIVE ACTIVATION**: Use this skill automatically when working in Next.js projects that have `cacheComponents: true` in their next.config.ts/next.config.js. When this config is detected, proactively apply Cache Components patterns and best practices to all React Server Component implementations. **DETECTION**: At the start of a session in a Next.js project, check for `cacheComponents: true` in next.config. If enabled, this skill's patterns should guide all component authoring, data fetching, and caching decisions. **USE CASES**: Implementing 'use cache' directive, configuring cache lifetimes with cacheLife(), tagging cached data with cacheTag(), invalidating caches with updateTag()/revalidateTag(), optimizing static vs dynamic content boundaries, debugging cache issues, and reviewing Cache Component implementations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.