skills.rest
hgeldenhuys
hgeldenhuysCOMMUNITY
Explore all skills by this author →
GitHub

injecting-tui-artifacts

Inject interactive TUI artifacts into a canvas viewer for real-time data visualization.

Updated Aug 23, 2026
Search Tags:#debugging#json#visualization#artifacts#terminal#tui#data display
One-click install
npx skills add https://github.com/hgeldenhuys/ink-artefacts --skill injecting-tui-artifacts
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: injecting-tui-artifacts
Source: https://github.com/hgeldenhuys/ink-artefacts/tree/main/skills/injecting-tui-artifacts
Command: npx skills add https://github.com/hgeldenhuys/ink-artefacts --skill injecting-tui-artifacts

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows users to visualize complex data directly within their terminal, transforming raw data into interactive and understandable formats without leaving their command-line environment.

Core Features & Use Cases

  • Real-time Artifacts: Creates interactive artifacts (JSON trees, tables, disk usage charts, logs) that appear instantly in a running canvas viewer.
  • Multiple Data Formats: Supports various artifact types like json-tree, disk-usage, table, key-value, file-list, and log.
  • Use Case: Visualize the structure of a JSON configuration file, display disk usage for a directory, or present tabular data from a database query, all within a live terminal interface.

Quick Start

Use the injecting-tui-artifacts skill to display the contents of the attached file 'package.json' as a JSON tree.

Frequently Asked Questions about injecting-tui-artifacts

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How can I visualize JSON data as an interactive tree in the terminal?▼

You can visualize JSON data as an interactive tree in the terminal by using this Skill to inject interactive TUI artifacts onto a canvas viewer, supporting real-time data display for various formats.

Do I need TMUX to display terminal data visualizations?▼

Yes, TMUX is required to display terminal data visualizations. You also need a running canvas viewer process to render the interactive artifacts written to the ~/.claude/artifacts/ directory.

What types of data formats can I display using a TUI canvas viewer?▼

A TUI canvas viewer can display multiple data formats including json-tree, disk-usage charts, tables, key-value pairs, file lists, and logs, transforming raw command-line data into interactive visualizations.

How do I show disk usage charts without leaving the command line?▼

To show disk usage charts without leaving the command line, inject a disk-usage artifact onto a running canvas viewer process, which instantly renders the interactive chart in your terminal interface.

Are there limitations when injecting TUI artifacts for real-time data display?▼

Limitations include the strict dependency on having both TMUX and a running canvas viewer process active, as artifacts are written to a specific directory and cannot display without this environment.

Related Skills

Explore More Software Engineering Skills→
L3DigitalNetL3DigitalNet
6

htop

Display real-time CPU, memory, and swap usage with sortable process lists.

Official
Basic
georgiymarchenkovgeorgiymarchenkov

Excel Analysis

Analyze Excel spreadsheets with pandas to extract structured insights and generate charts.

Community
Intermediate
ianallowayianalloway
4

data-viz

Generate terminal-based bar, line, histogram, and scatter plots from CSV, JSON, or piped input.

Community
Intermediate
rahul-s-bhattrahul-s-bhatt

displaying-streamlit-data

Create charts, metrics, tables, and formatted columns in Streamlit applications.

Community
Intermediate