·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