Editorial Card Screenshot
Générez des cartes HTML éditoriales responsives et leurs captures PNG rendues par navigateur
- Quoi
- Générez des cartes HTML éditoriales responsives et leurs captures PNG rendues par navigateur
- Coût
- Gratuit
- Prérequis
- Chrome/Chromium installé sur votre machine (requis pour l'étape de capture rendue par navigateur). Ni compte, ni clé API. Plus utile si vous publiez des explications, des citations, des statistiques ou des visuels sociaux.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — produit de belles cartes d'information de la manière fiable : il génère des cartes HTML éditoriales propres et responsives (statistiques, citations, explications, visuels prêts pour les réseaux) puis les rend en captures PNG avec un vrai navigateur headless, pour que ce que vous voyez dans le fichier soit exactement ce que la mise en page a produit — ni pixels hallucinés, ni maquettes approximatives. L'approche HTML d'abord permet d'ajuster texte et style puis de re-rendre jusqu'à satisfaction. Découvert via skills.sh, listé ici avec crédit à son créateur par @shaom. Bémols honnêtes : exige un Chrome/Chromium fonctionnel pour l'étape de capture — c'est le cœur de la méthode, pas une option ; il fait des cartes d'information, pas des pages web complètes ni des apps ; le goût typographique et de mise en page vous appartient, le skill exécute fidèlement. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Non vérifié.
Version :
Installation
Prérequis : Chrome/Chromium installé sur votre machine (requis pour l'étape de capture rendue par navigateur). Ni compte, ni clé API. Plus utile si vous publiez des explications, des citations, des statistiques ou des visuels sociaux. Installe-moi « Capture de carte éditoriale ». Il génère des cartes HTML d'information éditoriales propres et responsives et les rend en captures PNG exactes avec un vrai navigateur headless — HTML d'abord, ajustable, re-rendable à volonté. Dépôt : https://github.com/shaom/infocard-skills 1. Récupère le fichier SKILL.md du skill editorial-card-screenshot (et les fichiers auxiliaires) depuis le chemin du dépôt dans un dossier temporaire, et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md et les scripts pour détecter tout comportement suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code, les identifiants uniquement via le coffre sécurisé, les hôtes autorisés déclarés dans le SKILL.md. Vérifie que c'est bien le cas ici ; ARRÊTE-TOI au moindre drapeau rouge et préviens-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « editorial-card-screenshot ». 4. Vérifie sans aucun appel réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. confirmer que Chrome/Chromium est installé, et décrire la première carte voulue). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne l'exige jamais sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.