这个 Skill 能做什么，适合哪些场景？
这是 TradingView 官方 lightweight-charts 仓库随附的 Agent Skill，教 AI 助手正确使用这套基于 HTML5 canvas 的高性能金融图表库。技能覆盖 v5 API 约定、图表/序列/刻度/数据/插件八层心智模型，以及时间、坐标轴、标记、插件和框架封装中的高频踩坑点。它强调先用本地 typings（node_modules 或上游 dist/typings.d.ts）核实 API 名称，而不是凭记忆生成过时的 v4 片段。内置实时更新、双价格轴、独立成交量面板、时区显示、水印、Next.js 客户端组件等可直接复制的配方。
- 检测项目是 npm 消费方还是上游源码检出，从本地 typings 解析每个 API 名称
- 将 v4 老片段映射到 v5 等价写法（addSeries、createSeriesMarkers、水印 API 等）
- 生成时间刻度、面板、逐根 K 线着色、坐标系换算等最小可运行代码片段
- 按 React/Vue/Web Components/Next.js SSR 环境给出对应的图表生命周期与加载方案
- 用官方文档路径和 plugin-examples 定位插件、自定义序列与渲染问题
- 说明无法本地验证的内容，拒绝编造选项名或方法
- 前端开发者要在网页中嵌入交互式 K 线/面积图并接入实时行情推送
- 从 v3/v4 老代码迁移到 v5，需要确认 addSeries、markers 等改名 API
- 用 React 或 Next.js（SSR）封装图表，处理 useEffect 生命周期与 client-only 加载
- 开发自定义插件或绘图工具，需要 primitive/custom series 选型和坐标换算指导
- 处理时区显示、UTCTimestamp 秒与毫秒混用、数据必须升序去重等数据层问题
- 只想用 Python（lightweight_charts 包装库）画图的用户——技能会明确指出这是第三方包装而非本 TypeScript 库
- 需要服务端渲染图表图片或非浏览器平台的场景，库本身面向浏览器 HTML5 canvas（另有 iOS/Android 包装文档，但技能主体面向 Web）
如何安装这个 Skill？
- 本评估为静态源码审阅，未执行任何命令或示例代码，示例的正确性未经运行验证。
- 技能未声明中文支持；plain HTML 与部分文档资源依赖 unpkg、GitHub 等境外服务，中国大陆网络下可达性需自行确认。
- 技能文档引用的 website/docs、plugin-examples 等仓库路径未在本证据中逐一核实，消费方项目中应优先依赖本地 node_modules 内的 typings。
- 发布者为 TradingView 官方仓库但未经 FollowSkills 注册表验证；技能本身无独立版本号或 changelog，升级 v5 后续版本时需复核内容时效性。
- Shell / 命令行
- 本地文件系统
Node.js (npm-installed lightweight-charts package or upstream checkout)
安装到支持 Agent Skills 的助手（如 Claude Code、Codex 等）：
npx skills add https://github.com/tradingview/lightweight-charts如何使用这个 Skill？
安装后，把下面任意一句发给 Agent 即可触发：
- 为什么每次新数据到达我的图表就自动滚到最右边？帮我改成增量更新
- 把这段 v4 的 addCandlestickSeries 和 setMarkers 代码迁移到 lightweight-charts v5
- 在 Next.js 里做一个客户端专属的 Lightweight Charts 组件，要求自适应尺寸
- 如何给成交量直方图的每根柱子单独着色？
安装后，当对话涉及 lightweight-charts 的图表创建、序列、刻度、标记、插件或框架封装时，助手会按技能行事：先运行版本与 typings 检查命令（如 node -p 读取 package. 版本、rg 检索 dist/typings.d.ts），再按 v5 约定给出带踩坑提示的最小代码片段，并说明核实了哪些本地来源。
这个 Skill 有哪些优点和局限？
- TradingView 官方仓库随附，与库版本同步维护
- 强制先核实本地 typings，显著减少编造 API 和过时 v4 片段
- 覆盖完整的 v4→v5 替换矩阵和逐项踩坑清单
- 内置十余个可直接复制的实战配方（实时更新、双轴、水印、Next.js 等）
- 只针对 lightweight-charts v5 约定，对其他图表库无效
- 需要项目能访问 node_modules 或上游源码才能完整核实 API，脱离该环境时只能部分验证
- Python 版 lightweight_charts 包装库不在覆盖范围内
这个 Skill 与同类方案有什么区别？
与相关 Skills 并排比较；分数均按同一 FSRS 标准得出。
| Skill | FS 评分 | Star 数 | 最近更新 | License |
|---|---|---|---|---|
| TradingView Lightweight Charts 技能 本页 | 68 · 推荐 | ★ 18k | 12 天前 | Apache-2.0 |
| Effect JSDoc 规范撰写技能 | 77 · 高度推荐 | ★ 28k | 11 天前 | MIT |
| FreeHire 技术职位搜索技能 | 63 · 推荐 | ★ 47k | 17 天前 | MIT |
| Vibeyard UI 开发规范 | 56 · 谨慎使用 | ★ 1.4k | 1 个月前 | MIT |
| Codex CLI 构建器 ✓ OpenAI · 官方 | 55 · 谨慎使用 | ★ 28k | 4 个月前 | — |
README 将本库定位为体积接近静态图片的最小最快的 HTML5 金融图表之一，并推荐 awesome-tradingview 社区列表寻找相关项目；技能本身未与其他 Agent Skill 直接对比。
FollowSkills 如何评估这个 Skill？
该技能是纯知识型文档，不含脚本、网络调用或任何副作用，天然最小权限；内置'先验证后回答'的命令（读本地 typings/package.），明确要求无法验证时如实说明、禁止编造 API 名称，并能区分第三方 Python 包装器，数据流透明。扣分项：静态审阅无法确认运行时行为，无回滚/确认机制的概念（对文档型技能基本不适用），发布者未经注册表验证，故不给满分。
内部自洽：给定版本探测顺序、v4→v5 对照矩阵、triage 表和失败提示（文件不可用时明确说明），可控性良好。静态审阅下不超过 10 分的锚线；仓库确有 CI 工作流（deploy.yml、pkg-pr-new.yml）和单元/e2e 测试套件，但它们覆盖的是库本身而非该技能的关键路径，故仅小幅上浮至 11。
description 与正文高度匹配：明确的受众（lightweight-charts 使用者）、触发场景（系列、刻度、标记、插件、包装器）、非适用边界（Python 包装器、非时间横轴需先判断）、消费方/上游两种环境判断。扣分项：无中文语言支持说明，部分资源依赖 unpkg/GitHub/官方站点，中国大陆可达性未声明；未给出明确的误触发防护之外的负面清单。
文档分层清晰：速查表、心智模型、foot-gun、路由图、菜谱逐级递进；许可（Apache-2.0）与版本锚定（v5，package. 5.2.1）明确，上游 README 提供安装路径（npx skills add）与维护归属（TradingView 官方仓库）。扣分项：技能自身无 changelog/版本记录，无 FAQ 与已知局限的独立章节，部分路由指向的 repo 路径未在本证据中核实存在。
针对高频痛点（UTCTimestamp 秒级、setMarkers 迁移、timezone 不存在、per-bar 颜色、SSR）给出可直接复制的正确代码，边际价值明显高于手动查文档或依赖过时片段。静态审阅下上限 7 分：示例未被执行验证，输出可直接可用性未经代表性结果证实。
技能自身要求以本地 typings 为准并给出可复制的 rg/node 验证命令，属于可审计的主材料路径；仓库有 CI 与测试套件佐证库的维护质量。但无第三方对技能本身的独立复现，路由表中大量文档路径未被本证据直接证实，故不超过 5。
点击维度查看打分理由
证据充分度：低 — 主要依赖静态检查、作者材料或有限演示；适合发现线索，不适合做高风险决策。
查看完整评分方法 →