·blog-chart
""

blog-chart

Genera grafici di visualizzazione dei dati SVG in linea compatibili con la modalità oscura per i post del blog. Supporta grafici a barre orizzontali, a barre raggruppate, ad anello, a linee, a lecca-lecca, ad area e radar con rilevamento automatico della piattaforma (HTML vs JSX/MDX). Applica la diversità del tipo di grafico, il markup accessibile (role=img, aria-label), l'attribuzione della fonte e gli sfondi trasparenti. Da utilizzare quando l'utente dice "grafico del blog", "genera grafico", "visualizzazione dei dati", "grafico SVG", "grafico del blog", "visualizza dati" o quando il flusso di lavoro di scrittura del blog identifica punti dati degni di nota per il grafico (3+ metriche comparabili, tendenze, dati prima/dopo).

11Installazioni·0Tendenza·@agricidaniel

Installazione

$npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart

Come installare blog-chart

Installa rapidamente la skill AI blog-chart nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: agricidaniel/claude-blog.

Generates dark-mode-compatible inline SVG charts for blog posts. Invoked internally by blog-write and blog-rewrite when chart-worthy data is identified. Not a standalone user-facing command.

Select based on the data pattern. Diversity is mandatory — never repeat a type within one post.

| Before/after comparison | Grouped bar chart | | Ranked factors / correlations | Lollipop chart | | Parts of whole / market share | Donut chart | | Trend over time | Line chart | | Percentage improvement | Horizontal bar chart | | Distribution / range | Area chart | | Multi-dimensional scoring | Radar chart |

Genera grafici di visualizzazione dei dati SVG in linea compatibili con la modalità oscura per i post del blog. Supporta grafici a barre orizzontali, a barre raggruppate, ad anello, a linee, a lecca-lecca, ad area e radar con rilevamento automatico della piattaforma (HTML vs JSX/MDX). Applica la diversità del tipo di grafico, il markup accessibile (role=img, aria-label), l'attribuzione della fonte e gli sfondi trasparenti. Da utilizzare quando l'utente dice "grafico del blog", "genera grafico", "visualizzazione dei dati", "grafico SVG", "grafico del blog", "visualizza dati" o quando il flusso di lavoro di scrittura del blog identifica punti dati degni di nota per il grafico (3+ metriche comparabili, tendenze, dati prima/dopo). Fonte: agricidaniel/claude-blog.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart
Categoria
""Scrittura
Verificato
Prima apparizione
2026-03-09
Aggiornato
2026-03-10

Browse more skills from agricidaniel/claude-blog

Risposte rapide

Che cos'è blog-chart?

Genera grafici di visualizzazione dei dati SVG in linea compatibili con la modalità oscura per i post del blog. Supporta grafici a barre orizzontali, a barre raggruppate, ad anello, a linee, a lecca-lecca, ad area e radar con rilevamento automatico della piattaforma (HTML vs JSX/MDX). Applica la diversità del tipo di grafico, il markup accessibile (role=img, aria-label), l'attribuzione della fonte e gli sfondi trasparenti. Da utilizzare quando l'utente dice "grafico del blog", "genera grafico", "visualizzazione dei dati", "grafico SVG", "grafico del blog", "visualizza dati" o quando il flusso di lavoro di scrittura del blog identifica punti dati degni di nota per il grafico (3+ metriche comparabili, tendenze, dati prima/dopo). Fonte: agricidaniel/claude-blog.

Come installo blog-chart?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/agricidaniel/claude-blog