652 skills · sorted by relevance
Build charts with TradingView's lightweight-charts, including candlesticks, lines, live updates, scales, and annotations. Guidance checks installed types and v5 APIs to support chart integration, framework lifecycle handling, and troubleshooting of common data and display issues.
Build Lightweight Charts™ plugins that add custom chart types, annotations, or overlays. The skill guides plugin selection, project setup, implementation with official helpers, testing of drawing and interactions, and preparation for publishing.
Create charts for numeric data and diagrams for processes or relationships. Explains how to choose ECharts or Mermaid, apply clear formatting, and use chart_render to display the result in chat and save a downloadable PNG.
Turn notes, prose, code, schemas, or tables into editable diagrams, including flowcharts, architecture diagrams, and schedules. Choose Mermaid, Graphviz DOT, PlantUML, or SVG to suit the content, with image or PDF rendering when needed.
Creates interactive data visualizations with Apache ECharts, the open-source JavaScript charting library. Use when a user asks to build charts, dashboards, or data-driven graphics using ECharts in React, Vue, or vanilla JavaScript applications, render a chart to SVG on the server, or upgrade from ECharts 5 to 6.
The English summary is being prepared. Showing the original description.
Choose, build, and review charts that answer a clear analytical question. The skill checks chart types, labels, units, colors, and data sufficiency, then refines the visual in its intended report, dashboard, notebook, or other output.
Turn data into template-based HTML charts, HTML or PDF presentations, and full-page HTML reports. Selects chart structures to match the data and keeps colors, labels, and visual proportions consistent across each delivery.
SVG generation via DAX measures and extension measures with ImageUrl data category for inline visualizations in PBIR reports, including ready templates for matrix and table cells, new card images and per-button images on the new button slicer. Automatically invoke when the user mentions "SVG visual", "DAX sparkline", "SVG measure", "inline graphics with DAX", "ImageUrl data category", "extension measure", or asks to create any DAX-generated chart (progress bars, bullet charts, KPI indicators, data bars, gauges, donut charts, lollipop charts, dumbbell charts, status pills, overlapping bars, boxplots, IBCS bars, jitter plots, box-and-whisker charts).
The English summary is being prepared. Showing the original description.
3D chart visualization with Swift Charts using Chart3D, SurfacePlot, interactive pose control, and surface styling — plus a 2D Swift Charts construction reference (marks, axes, selection, SectorMark, scrollable charts). Use when creating data visualizations with Swift Charts.
The English summary is being prepared. Showing the original description.
Build responsive, readable charts with Recharts using correct data mapping and composition. Use whenever creating charts with Recharts — LineChart, BarChart, AreaChart, PieChart, wrapped in ResponsiveContainer with a fixed-height parent. Not for charts built with other libraries.
The English summary is being prepared. Showing the original description.
Load this skill whenever the project contains charts, graphs, data visualizations, infographics, or any visual representation of data (bar charts, line charts, pie charts, scatter plots, dashboards). Under no circumstances render a chart without a text alternative, data table, or summary. Prioritize conveying the same information through non-visual means.
The English summary is being prepared. Showing the original description.
Implements data visualization charts in Flutter using the fl_chart package (v1.2.0). Supports LineChart, BarChart, PieChart, ScatterChart, RadarChart, and CandlestickChart with implicit animations, touch interactivity, and pan/zoom transformations. Use when building any Flutter chart, graph, or data visualization — including line graphs for trends, bar charts for comparisons, pie/donut charts for proportions, scatter plots for distributions, radar charts for multi-axis comparisons, or candlestick charts for financial OHLC data. Also use when customizing chart axes, titles, tooltips, grid lines, touch callbacks, chart animations, or chart zoom/pan behavior.
The English summary is being prepared. Showing the original description.
Create videos in React with Remotion using focused implementation guidance and code examples. The skill covers animation, audio, captions, charts, 3D content, and scene transitions, along with handling media assets and timing.
Turn CSV, Excel, or JSON data into a visual report page with key metrics, multiple charts, a data table, and written observations. The report uses supplied data and includes its source, reporting period, and methodology.
Create charts and dashboards with a consistent approach to chart selection, color validation, labels, and interaction. Includes a palette checker and accessibility rules for readable visualizations in both light and dark modes.
Build custom interactive charts, network diagrams, and maps with d3.js. Guides data-driven drawing, tooltips, zooming, animation, responsive sizing, and accessibility, with examples that work in plain JavaScript or frameworks such as React, Vue, and Svelte.
Read, create, and edit Excel workbooks, including formulas, formatting, charts, and multiple sheets. Clean CSV or TSV tables and prepare spreadsheet deliverables, with guidance on choosing fixed calculated values or formulas that update later.
Build Helm charts, reusable packages for deploying Kubernetes applications. Organize templates, manage configuration values for different environments, document settings, and validate charts before packaging or installation, with guidance for troubleshooting deployment and dependency problems.
Create Mermaid diagrams from text to explain software structure, API interactions, workflows, and database relationships. The skill guides diagram selection, syntax, styling, and export, helping keep visual documentation editable and stored alongside code.
Build custom interactive charts, maps, and network diagrams with d3.js. The skill guides data preparation, styling, resizing, and interactions such as zooming and tooltips, giving detailed control over how data appears and responds to users.
Choose suitable charts for trends, comparisons, distributions, and relationships, then create them in Python with matplotlib, seaborn, or plotly. Apply guidance on colors, labels, scales, and accessibility to produce publication-quality figures or interactive charts.
Create and inspect charts, PDFs, editable Word documents, spreadsheets, and browser presentations from supplied material. The skill selects tools for each format, checks content and layout, and delivers files or opens presentations with animation.
Turn data exploration findings into one Markdown report with embedded charts and tables. Adapt the structure for a short summary, blog post, executive briefing, KPI overview, or detailed analysis while checking supporting data.
Generate scientific chart examples from bundled Python scripts using repeatable simulated data. Choose from templates such as raincloud plots, correlation matrices, and ROC charts, then receive PNG, PDF, SVG, and editable script files.