claude-algo-visualize

by L0dyv · Claude Skill · ★ 28

About claude-algo-visualize

claude-algo-visualize English 尝试将 Claude Desktop 的可视化功能提炼为可独立使用的 skill,专注数据结构与算法的交互式教学可视化。 示例 静态内容与 SVG 图示: 交互式逐步动画: Live Demo -- 完整交互式参考实现 功能 生成完整的交互式 HTML 教学页面(单文件,无外部依赖) 支持多种输入场景:PDF/教材讲解、主题动画演示、代码执行可视化、概念对比 内置 CSS 骨架(含深色模式)和三套 JS 动画模板 SVG 图示 + 逐步动画 + 代码高亮联动 数组、完全二叉树、自定义坐标树等多种可视化形式 安装 或手动克隆到 Claude Code 技能目录: 项目结构 使用 安装后在 Claude Code 中自动激活。适用场景: 提供 PDF/教材,要求生成知识点讲解页面 给出主题(如"演示快排"),生成教学 + 动画页面 提供代码/算法,生成逐步执行动画 要求对比两个概念或解释原理 致谢 本项目感谢 Linux.do 社区对开源分享与传播的推动。

Quick Facts

Stars28
Forks2
LanguageHTML
CategoryClaude Skill
LicenseMIT
Quality Score48.3566313590698/100
Last Updated2026-07-19
Created2026-04-26
Platformsclaude-code
Est. Tokens~15k

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular HTML Agent Tools

Frequently Asked Questions

What is claude-algo-visualize?

claude-algo-visualize is 将 Claude Desktop 的可视化功能提炼为可独立使用的 skill. It is categorized as a Claude Skill with 28 GitHub stars.

What programming language is claude-algo-visualize written in?

claude-algo-visualize is primarily written in HTML.

How do I install or use claude-algo-visualize?

You can find installation instructions and usage details in the claude-algo-visualize GitHub repository at github.com/L0dyv/claude-algo-visualize. The project has 28 stars and 2 forks, indicating an active community.

What license does claude-algo-visualize use?

claude-algo-visualize is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Claude Skill tools