Favicon of visuals

visuals Skill

AI Agent SkillTypeScriptOpen source

Use when user wants to incorporate charts, graphs, data grid, or other visual representations of data into their project. Use VegaVisual and DataGrid components to create these visuals, utilizing the shared DataTable input, formatting, theme, and interactivity. Covers the VisualContainer chrome every visual gets by def Published by microsoft in fabric-apps-analytic-templates.

Decision snapshot

Is this a fit?

Best for

Data analysis, Includes SKILL.md, Reusable instructions

Works with

Compatibility not yet detected.

Access

Permission behavior not yet detected.

Setup

Copy skill directory

Project health

3 months ago · MIT license

Considerations

No specific cautions were detected. Review the source and requested permissions before installing.

What is visuals Skill?

Use when user wants to incorporate charts, graphs, data grid, or other visual representations of data into their project. Use VegaVisual and DataGrid components to create these visuals, utilizing the shared DataTable input, formatting, theme, and interactivity. Covers the VisualContainer chrome every visual gets by def Published by microsoft in fabric-apps-analytic-templates. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.

Trust signal
95/100
Maintenance signal
90/100
Adoption signal
31/100

Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement. See how SkillIndex evaluates profiles.

Key capabilities

  • Includes SKILL.md support
  • Reusable instructions support
  • Data analysis
  • Data analysis use cases

Declared skill metadata

  • Source file: .agents/skills/visuals/SKILL.md

These fields retain source and confidence evidence from the indexed SKILL.md.

Compatibility and setup

Copy skill directory
  • Install or run with Copy skill directory

When to use visuals Skill

  • Use it for data analysis.

Built with

TypeScriptCopy skill directory

Editorial notes

Source

  • Creator: microsoft
  • Repository: microsoft/fabric-apps-analytic-templates
  • Skill file: .agents/skills/visuals/SKILL.md

What it does

Use when user wants to incorporate charts, graphs, data grid, or other visual representations of data into their project. Use VegaVisual and DataGrid components to create these visuals, utilizing the shared DataTable input, formatting, theme, and interactivity. Covers the VisualContainer chrome every visual gets by def

Skill instructions

Visuals Types of visuals There are 2 different types of visuals that can be used in a project: 1. Charts and Graphs: These are used to represent data in a visual format, such as bar charts, line charts, pie charts, etc. These are built using vega-lite, see references/vega-lite-visual.md for more details. 2. Data Grids: These are used to display tabular data in a structured format, allowing for sorting, filtering, and pagination. See references/data-grid-visual.md for more details. Packages & Imports The visual components are provided by three packages. Always use these package imports when creating visuals. | Package | Primary exports | Example import | |---|---|---| | @microsoft/fabric-visuals | VegaVisual, types: VisualizationSpec, VegaLiteConfig, VegaVisualProps | import { VegaVisual } from "@microsoft/fabric-visuals" | | @microsoft/fabric-datagrid | DataGrid, types: GridColumnDef, Row, CellValue, DataGridProps, DataGridTheme, SortConfig | import { DataGrid } from "@microsoft/fabric

Verified compatibility and discovery

Frequently asked questions

What is visuals?

visuals is a open-source AI agent skill with Copy skill directory. Use when user wants to incorporate charts, graphs, data grid, or other visual representations of data into their project.

Who is visuals best for?

visuals is best for reusing agent instructions, scripts, and references, data analysis workflows.

How do I install visuals?

Install or run visuals using Copy skill directory. Check visuals for the latest setup command.

Is visuals actively maintained?

visuals may need a closer maintenance check before production use.

Share:

Stars
18
Forks
5
Last commit
3 months ago
Last verified
Sep 1, 2026
Metadata fetched
Sep 1, 2026
Repository age
4 months
License
MIT

Project health auto-fetched from the source repository.

Maintain this resource?

Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.

Alternatives to visuals