·math-function-plotter-plotly
</>

math-function-plotter-plotly

vishalsachdev/claude-skills

该技能使用 Plotly.js 生成交互式数学函数图,将 iframe 嵌入到智能教科书中。使用悬停工具提示、沿着曲线移动点的交互式滑块、针对狭窄布局优化的响应式设计以及全面的教育文档来创建可视化效果。当用户请求绘制数学函数、绘制方程图、可视化 f(x) 或为微积分、初级微积分、物理或工程课程创建交互式函数资源管理器时,请使用此功能。

2安装·0热度·@vishalsachdev

安装

$npx skills add https://github.com/vishalsachdev/claude-skills --skill math-function-plotter-plotly

SKILL.md

This skill generates interactive mathematical function plots using the Plotly.js JavaScript library. Each MicroSim is optimized for iframe embedding in narrow textbook layouts with minimal margins, responsive design, hover tooltips showing precise coordinates, and interactive sliders allowing users to explore points along the curve.

The skill creates complete MicroSim packages following the repository's standardized structure, including standalone HTML files, responsive CSS, interactive JavaScript, comprehensive markdown documentation, and Dublin Core metadata.

Follow these steps to create a mathematical function plot MicroSim:

该技能使用 Plotly.js 生成交互式数学函数图,将 iframe 嵌入到智能教科书中。使用悬停工具提示、沿着曲线移动点的交互式滑块、针对狭窄布局优化的响应式设计以及全面的教育文档来创建可视化效果。当用户请求绘制数学函数、绘制方程图、可视化 f(x) 或为微积分、初级微积分、物理或工程课程创建交互式函数资源管理器时,请使用此功能。 来源:vishalsachdev/claude-skills。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/vishalsachdev/claude-skills --skill math-function-plotter-plotly
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 math-function-plotter-plotly?

该技能使用 Plotly.js 生成交互式数学函数图,将 iframe 嵌入到智能教科书中。使用悬停工具提示、沿着曲线移动点的交互式滑块、针对狭窄布局优化的响应式设计以及全面的教育文档来创建可视化效果。当用户请求绘制数学函数、绘制方程图、可视化 f(x) 或为微积分、初级微积分、物理或工程课程创建交互式函数资源管理器时,请使用此功能。 来源:vishalsachdev/claude-skills。

如何安装 math-function-plotter-plotly?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/vishalsachdev/claude-skills --skill math-function-plotter-plotly 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/vishalsachdev/claude-skills