CI Mockup Figure
Figuras de sistema/método eficientes en espacio para artículos, propuestas y héroes de README
Probado · Funciona
Qué hace
Guía la construcción de figuras densas en información para artículos de investigación, propuestas de subvención y READMEs de repositorios: maquetas HTML para paneles y líneas de tiempo, TikZ o skia-canvas para diagramas de arquitectura con flechas, además de captura con Chrome sin cabeza e inserción de LaTeX. Se activa cuando se necesita una figura de diseño de sistema, pipeline o Gantt que debe justificar su espacio en la página. No para graficar resultados experimentales.
Informe de la prueba
Se ejecutó el comando exacto de captura de headless-Chrome de la habilidad textualmente y produjo PNGs nítidos de 2x retina. Siguiendo las reglas previas al vuelo, una pila vertical de tarjetas de gradiente 'Step 1/2/3' se convirtió en una tira horizontal que contenía cuatro métricas clave, descripciones de paneles y flechas de traspaso etiquetadas en la misma huella — mediblemente más densa y lista para columna.
Probado el: 2026-07-18 · Claude Code 2.x (agent harness)
Instalación
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
Comandos y prompts de ejemplo
/ci-mockup-figureFiguras de sistema/método eficientes en espacio para artículos, propuestas y héroes de README
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
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.