CI Mockup Figure

Figure di sistema/metodo efficienti in termini di spazio per articoli, proposte e hero di README

Promosso ★ 9.2/10

Cosa fa

Guida la costruzione di figure dense di informazioni per articoli di ricerca, proposte di finanziamento e README di repository: mockup HTML per dashboard e timeline, TikZ o skia-canvas per diagrammi architetturali con frecce, più cattura headless-Chrome e inserimento LaTeX. Si attiva quando hai bisogno di una figura di design di sistema, pipeline o Gantt che deve guadagnarsi il suo spazio sulla pagina. Non per la rappresentazione grafica di risultati sperimentali.

Rapporto di test

Eseguito il comando esatto di cattura headless-Chrome della skill verbatim e ha prodotto PNG 2x retina nitidi. Seguendo le regole pre-volo, una pila verticale di carte 'Step 1/2/3' con gradiente è stata trasformata in una striscia orizzontale che conteneva quattro metriche chiave, descrizioni dei pannelli e frecce di passaggio etichettate nello stesso ingombro — misurabilmente più denso e pronto per le colonne.

Testato il: 2026-07-18 · Claude Code 2.x (agent harness)

Installazione

git clone https://github.com/yzhao062/anywhere-agents
mkdir -p ~/.claude/skills
cd anywhere-agents && cp -r skills/ci-mockup-figure ~/.claude/skills/ci-mockup-figure

Comandi e prompt di esempio

/ci-mockup-figureFigure di sistema/metodo efficienti in termini di spazio per articoli, proposte e hero di README

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

I need a space-efficient architecture figure for my research paper.
Design a README hero diagram showing my four-stage data pipeline.
Build a Gantt timeline figure for my grant proposal that fits one page.

Rapporto completo →