skills.guanliai
How-tosAll SkillsCombos
中EN
How-tosAll SkillsCombos

skills.guanliai.com

An AI how-to library organised by scene: which skills to use, how to install, how to prompt, and what traps to avoid.

How-tosAll SkillsCombos

Supported clients

  • Claude Code
  • Cline / Roo Code
  • CodeBuddy
  • CodeGeeX (Zhipu)
  • Comate (Baidu)
  • Cursor
  • Fitten Code
  • Gemini CLI
  • GitHub Copilot
  • Kiro
  • Lingma (Alibaba)
  • MarsCode
  • OpenAI Codex
  • OpenClaw
  • OpenCode
  • Qoder
  • Tencent CloudBase AI
  • Trae
  • VS Code
  • Windsurf
skills.guanliai.com · Agent Skill DirectoryData from GitHub · Next.js + MySQL
HomeAll Skills

All Skills

Total 12 skills · from GitHub & curated sets, updated daily

Category

Featured

China

Global

Tags

Language

Total 12 skills

excalidraw

NousResearch/hermes-agent/optional-skills/creative/excalidraw

Data Analysis

Hand-drawn Excalidraw JSON diagrams (arch, flow, seq).

Universal
242.8kPythonDetails
visualizationdiagramsarchitecture

gitnexus-explorer

NousResearch/hermes-agent/optional-skills/research/gitnexus-explorer

Automation

Serve an interactive codebase knowledge graph web UI.

Claude Code
242.8kPythonDetails
visualizationknowledge-graphcode-intelligence

architecture-diagram

NousResearch/hermes-agent/skills/creative/architecture-diagram

Automation

Dark-themed SVG architecture/cloud/infra diagrams as HTML.

JetBrains
242.8kPythonDetails
infrastructurecloudvisualization

songsee

NousResearch/hermes-agent/skills/media/songsee

Automation

Audio spectrograms/features (mel, chroma, MFCC) via CLI.

Universal
242.8kPythonDetails
visualizationanalysismusic

concept-diagrams

NousResearch/hermes-agent/optional-skills/creative/concept-diagrams

Automation

Generate flat, minimal educational SVG visuals as HTML.

Universal
242.8kPythonDetails
visualizationdiagramssvg

p5js

NousResearch/hermes-agent/skills/creative/p5js

Automation

p5.js sketches: gen art, shaders, interactive, 3D.

Universal
242.8kPythonDetails
visualizationinteractivecanvas

experiment-tracking-swanlab

Orchestra-Research/AI-Research-SKILLs/13-mlops/swanlab

Research

Provides guidance for experiment tracking with SwanLab. Use when you need open-source run tracking, local or self-hosted dashboards, and lightweight media logging for ML workflows.

Universal
12.1kTeXDetails
pytorchtransformersmlops

tensorboard

Orchestra-Research/AI-Research-SKILLs/13-mlops/tensorboard

Dev Tools

Visualize training metrics, debug models with histograms, compare experiments, visualize model graphs, and profile performance with TensorBoard - Google's ML visualization toolkit

Universal
12.1kTeXDetails
pytorchtensorflowmlops

timeline-builder

zebbern/claude-code-guide/skills/timeline-builder

Design

Generate beautiful interactive timeline HTML pages from JSON data, with vertical, horizontal, or dual-side layouts, collapsible details, and custom colors. Ideal for project milestones, company histories, or resumes. Triggered when a user mentions 'timeline', 'history of events', 'project milestones', 'release log', or asks to visualize a chronological sequence of data.

Claude Code
4.6kPythonDetails
visualizationhtmlinteractive

data-viz-renderer

zebbern/claude-code-guide/skills/data-viz-renderer

Design

Generate self-contained HTML/SVG infographics from JSON data, including stat cards, bar charts, flow diagrams, and mixed dashboards. Offers 8 color palettes and built-in icons with no external dependencies. Triggered when users request data visualization, infographics, charts, or dashboards.

Claude Code
4.6kPythonDetails
visualizationhtmlinfographic

code-to-diagram

zebbern/claude-code-guide/skills/code-to-diagram

Design

Analyze codebases and automatically generate architecture diagrams, flowcharts, and org charts. Uses AST parsing to map import dependencies for Python, JS/TS, Go, and Java, outputting Mermaid or SVG files. Triggered when users ask to visualize code architecture, understand dependencies, draw a flowchart, or create a module diagram from source code.

Claude Code
4.6kPythonDetails
visualizationarchitecturemermaid

academic-plotting

Orchestra-Research/AI-Research-SKILLs/20-ml-paper-writing/academic-plotting

Writing

Generates publication-quality figures for ML papers from research context. Given a paper section or description, extracts system components and relationships to generate architecture diagrams via Gemini. Given experiment results or data, auto-selects chart type and generates data-driven figures via matplotlib/seaborn. Use when creating any figure for a conference paper.

Gemini CLI
12.1kTeXDetails
visualizationacademic-writinglatex