[开源] 一个数据结构与算法可视化的 Skill, 提炼自 Claude Desktop Visualize

2026-04-29 08:513阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐
问题描述：

本帖使用社区开源推广，符合推广要求。我申明并遵循社区要求的以下内容：

  • 我的帖子已经打上 开源推广 标签： 是
  • 我的开源项目完整开源，无未开源部分： 是
  • 我的开源项目已链接认可 LINUX DO 社区： 是
  • 我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是
  • 以上选择我承诺是永久有效的，接受社区和佬友监督： 是

以下为项目介绍正文内容，AI生成、润色内容已使用截图方式发出

项目链接与安装方式

github.com

GitHub - L0dyv/claude-algo-visualize: 将 Claude Desktop 的可视化功能提炼为可独立使用的 skill

将 Claude Desktop 的可视化功能提炼为可独立使用的 skill

npx skills add L0dyv/claude-algo-visualize

这是啥, 有什么用?

这是一个 可以将遇到的算法题和对应题解 可视化、按步骤拆解, 制作 交互式web页面 的skill.
也可用于复习某类数据结构/算法: 将对应的PDF(单个知识点)传给LLM, LLM 会生成相应的复习页面.

示意图:

  1. 建堆 push/pop 的基本操作交互动画demo

  2. 特定题目题解的动图. 能够同步代码执行位置与动图动画效果.

  3. 一个堆排序的 live demo(仓库的live demo, GitHub pages部署)
    堆 · 全景梳理

适合谁用?

学算法, 刷LeetCode, 准备408

408.singledog.111024×1642 295 KB
408.gm.meme193×179 22.8 KB

为啥不直接用 Claude desktop?

Claude pro 用 visualize 烧 token 太快了, 烧不起
可以给别的agent使用

可搭配的模型

  1. Claude Subscription (Opus/Sonnet)
  2. GLM-5.1 (Agent: OpenCode)
  3. SOTA级别国模即可, 可以充分利用各家 Coding Plan. 能力不够的模型容易出现大量的逻辑错误.

不建议使用 GPT-5.4 来生成 HTML, 经常会有小问题. GPT 比较适合适合用于 review 生成的 HTML 是否有逻辑错误

第一次写skill, 希望能帮到各位正在学习/备考的佬友们
也欢迎给本项目star​

网友解答：
--【壹】--：

我这个算不上一个idea 主要还是提炼于Claude desktop的, 佬的idea工程量和技术力要强很多

--【贰】--：

这个项目对于算法题之外的情况也适用吗？比如将遇到的实际问题可视化。

--【叁】--：

佬感谢分享先收藏mark一下到时候使用一下要是早几年有就好了写毕业论文应该很有帮助 ps 还可以用于可视化奇怪生的病好像变严重了.

--【肆】--：

谢谢佬分享，支持一下，最近也在研究skill相关的东西

--【伍】--：

能装 skill 的 agent 应该都可以用. codex 如果是 GPT模型不推荐. 生成的网页经常会有视觉上的问题

--【陆】--：

和佬想到一块去了，我最近也在做这样一个skill，打算针对任何项目完成这样的一个可视化，看到数据流向和实现可视化单步调试，以及历史更新

--【柒】--：

感谢佬 好久没有刷算法了 提升下一下自己的算法能力

--【捌】--：

没有cc可以用别的软件吗大佬，codex或者trae可以吗

--【玖】--：

刚刚试了一下，太强了，正是我想要的，感谢佬

--【拾】--：

这个我没有专门做过测试和适配(毕竟只是对Claude桌面端visualize技能的提炼). 当前主要的适配场景只限于算法和一部分数学问题

--【拾壹】--：

感谢佬的分析，先mark一下。改天试试效果

--【拾贰】--：

已严肃start，工作一年了，打算5月份开始刷算法，提升自己