CI Mockup Figure
Figures de système/méthode économes en espace pour articles, propositions et héros de README
Testé · Fonctionne
Ce que fait
Guide la création de figures denses en informations pour les articles de recherche, les propositions de subventions et les README de dépôts : maquettes HTML pour les tableaux de bord et les chronologies, TikZ ou skia-canvas pour les diagrammes d'architecture avec flèches, plus la capture headless-Chrome et l'insertion LaTeX. Se déclenche lorsque vous avez besoin d'une figure de conception de système, de pipeline ou de Gantt qui doit justifier son espace de page. Non destiné à la représentation graphique de résultats expérimentaux.
Rapport de test
J'ai exécuté la commande exacte de capture headless-Chrome de la compétence mot pour mot et elle a produit des PNG 2x retina nets. En suivant les règles de pré-vol, une pile verticale de cartes dégradées 'Step 1/2/3' a été transformée en une bande horizontale portant quatre métriques clés, des descriptions de panneaux et des flèches de transfert étiquetées dans la même empreinte — mesurablement plus dense et prête pour les colonnes.
Testé le: 2026-07-18 · Claude Code 2.x (agent harness)
Installation
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
Commandes et exemples de prompts
/ci-mockup-figureFigures de système/méthode économes en espace pour articles, propositions et héros de README
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
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.