drawio-diagrams
DrawIO 图表生成器
生成专业级 DrawIO 图表,采用统一的 Material Design 配色方案和圆角矩形节点风格。
快速开始
- 确定图表类型: 根据用户需求判断是算法图、架构图、流程图还是 UML/ER 图
- 读取样式指南: 先阅读
references/style-guide.md了解配色和节点样式 - 读取专项指南: 根据图表类型读取对应的参考文档
- 生成 XML: 创建完整的 mxGraphModel XML 结构
- 保存文件: 输出为
.drawio文件
图表类型与参考文档
算法/数据结构图
适用场景:DP 状态转移、递归树、栈/队列操作、排序过程、双指针/滑动窗口
详见:references/algorithm-diagrams.md
必需元素:
More from azure12355/weilan-skills
browser-agent
AI 驱动的浏览器自动化工具集,包含 agent-browser(无障碍树提取)、actionbook(50+ 网站自动化食谱)、browser-use(Python 自动化库)。使用场景:(1) 抓取需要 JS 渲染的网页内容 (2) 从 X/Twitter、GitHub、Reddit 等平台获取数据 (3) 截图网页 (4) 自动化浏览器操作 (5) 获取网页的无障碍树结构。当用户需要访问动态网页、绕过反爬虫、或执行浏览器自动化时使用此技能。
26github-researcher
GitHub 开源项目深度调研工具。在 GitHub 上搜索、分析特定领域的开源项目,汇总生成结构化调研报告。触发场景:用户要求"调研 GitHub 上的 XXX 工具"、"搜索 XXX 开源项目"、"汇总 GitHub 仓库"、"找 XXX 的开源替代方案"、"对比 GitHub 上的 XXX 项目"、或需要批量分析开源项目并输出报告时使用此 skill。
5diagram-prompter
分析代码库结构并生成各种架构图、流程图、时序图等的 AI 绘图提示词。使用场景:当用户需要为任何代码项目生成可视化图表时,包括系统架构图、模块依赖关系、数据流图、时序图、状态机图、部署架构图等。支持多种图表类型如 Mermaid、PlantUML、C4 模型、UML 类图、ER 图等。适用于技术文档编写、架构设计、代码评审、学习理解新项目等场景。
4yt-dlp-downloader
下载视频和音频的通用工具。支持 YouTube、Bilibili、Twitter/X、抖音、快手等数千个网站。当用户提供视频链接时自动下载到 ~/Downloads 文件夹。
4technical-writer
|
4antd
Ant Design 组件库专家指南。用于在 React/Next.js 应用中构建企业级管理界面、数据表格、表单、模态框等。包含组件模式、CRUD 模板、中文本地化、主题配置和 Next.js SSR 集成问题排查。
2