Loading...
Loading...
Found 926 Skills
Generate dark-mode-compatible inline SVG data visualization charts for blog posts. Supports horizontal bar, grouped bar, donut, line, lollipop, area, and radar charts with automatic platform detection (HTML vs JSX/MDX). Enforces chart type diversity, accessible markup (role=img, aria-label), source attribution, and transparent backgrounds. Use when user says "blog chart", "generate chart", "data visualization", "svg chart", "blog graph", "visualize data", or when the blog-write workflow identifies chart-worthy data points (3+ comparable metrics, trends, before/after data).
FFmpeg-based 4-step video creation: Validate, Prepare, Encode, Verify. Use when user wants to combine a static image with audio to create an MP4 video, create a music video from cover art, or produce podcast/YouTube video from an image and audio file. Use for "image to video", "static video", "mp4 from image", "album art video", or "audio visualization". Do NOT use for video editing, live streaming, or generating images.
Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript. ALWAYS use when writing code importing "@unovis/vue". Consult for debugging, best practices, or modifying @unovis/vue, unovis/vue, unovis vue, unovis.
Implementation guide for Syncfusion Windows Forms Bullet Graph control for compact data visualization. Use this when working with bullet graphs, performance indicators, KPI visualization, comparative measures, or qualitative ranges in WinForms. This skill covers dashboard gauges, target vs actual comparisons, and performance range visualization in Windows Forms desktop applications.
Perform Alibaba Cloud NIS (Network Intelligence Service) network path reachability analysis with forward/reverse path diagnosis, topology visualization, and resource monitoring. Use when analyzing network connectivity, diagnosing unreachable paths, checking security groups or route tables, or visualizing network topology between cloud resources. Triggers: "reachability analysis", "network path analysis", "NIS analysis", "connectivity diagnosis", "path reachable", "network troubleshooting", "可达性分析", "网络路径分析", "NIS分析", "连通性诊断", "路径可达", "网络排障".
Create professional system architecture diagrams with support for dark/light dual theme switching, output as standalone HTML files (containing SVG graphics). Use this skill when users need system architecture diagrams, infrastructure topology diagrams, cloud architecture visualizations, security architecture diagrams, network topology diagrams, or any technical diagrams that display system components and their relationships. Supports Chinese annotations and descriptions, with a built-in theme switch button.
Build Grafana plugin pages using the @grafana/scenes framework. Use this skill when creating new scene pages, adding panels/visualizations, setting up drilldown navigation, defining variables, configuring query runners, building table/timeseries/stat panels, or extending SceneObjectBase for custom scene objects. Triggers on any work involving SceneApp, SceneAppPage, EmbeddedScene, SceneQueryRunner, SceneDataTransformer, PanelBuilders, SceneFlexLayout, QueryVariable, or drilldown/tab configuration in Grafana plugins.
Comprehensive guide for implementing Syncfusion React TreeMap component. Use this skill when users need help creating hierarchical data visualizations, configuring drill-down interactions, applying color mapping, working with multiple hierarchy levels, customizing leaf items, or troubleshooting TreeMap data binding and display issues. Covers installation, data binding patterns, layouts, legends, tooltips, selection, accessibility, and advanced customization for interactive hierarchical data exploration.
Comprehensive guide for implementing Syncfusion Blazor Sankey Diagram (SfSankey) component for flow visualization in Blazor applications. Use this when working with Sankey diagrams, flow visualization, or process flows. This skill covers node and link configuration, data binding, flow magnitude representation, and diagram customization. Ideal for visualizing energy flows, supply chain relationships, user journey maps, traffic analysis, and any scenario involving flows between categories or stages.
Implements Syncfusion ASP.NET Core Chart (SfChart) for data visualization. Use this when building charts, visualizing time-series or categorical data, or creating dashboards. Covers series configuration (line, bar, pie), axes, tooltips, legends, and customization for ASP.NET Core applications.
Agent Session Visualization / Session Timeline: Execution maps for Cursor, Codex, Claude Code, Workbuddy, kimi-code threads (by ID or name); includes skills/tools/sub-agents, retries/forks/waits, layered internationalization + session health. Triggers (English): agent thread visualizer, agent-thread-visualizer, agent session timeline, session report, session log analyzer, agent flow visualization, execution map, conversation visualizer, subagent timeline, debug agent session, visualize the run, Cursor session, Claude Code session, Workbuddy session, kimi-code session. (Chinese): agent session visualization, session visualization, agent timeline, sub-agent visualization, session report, session analysis, execution map, agent execution flow, debug agent session, Cursor session, Claude Code session, Workbuddy session, kimi-code session. (Japanese): agent session visualization, session visualization, agent timeline, sub-agent visualization, session report, execution map, agent execution flow, Cursor session, Claude Code session, Workbuddy session, kimi-code session.
Create or edit Python routines for market analysis, monitoring, and data visualization. Use when the user asks to create, modify, or fix a routine in the routines/ folder.