Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Se connecter
Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Une page, une vidéo ou une image en ligne.

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Galerie de livrables HTML en un fichier v1.0.0

Utilisez cette ressource pour présenter une idée, un plan ou un rapport dans une page HTML autonome

Nouveau

  • 363 téléchargements
  • 204 mentions J'aime
  • 166 sauvegardes

4,49 €

Accès à vie à cette ressource, avec ses mises à jour.

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install html-artifact-gallery

Sans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent choisit dans la galerie le modèle le plus proche de votre besoin, le lit en entier, puis écrit votre livrable dans le même style avec votre contenu. Vous obtenez une page HTML qui s'ouvre dans n'importe quel navigateur, sans compilation, avec au besoin un bouton d'export de l'état.

Choisie surtout par

Mise à jour le 2 novembre 2026

Planche de pages HTML éditoriales : rapport, diaporama, schéma et tableau de tri

Caractéristiques

Fonctionne dans
Guides d'installation
Génère avec
Le modèle de votre agent
Licence
Apache-2.0

Ressources similaires

Tout voir

Ce que vous obtenez

  • SKILL.md traduit en français : catalogue, conventions et pièges
  • resources/ : vingt exemples HTML (plans, rapports, diaporama, schémas SVG, éditeurs interactifs)
  • resources/index.html : galerie avec vignettes

Pour qui

  • Vous voulez un rapport client ou un point d'avancement lisible et soigné
  • Vous préparez un diaporama ou un explicatif sans outil de présentation
  • Vous voulez un petit éditeur interactif dont on exporte le résultat

Pas pour qui

  • Des documents relus ligne à ligne dans un dépôt, où le markdown reste préférable
  • Des sites complets avec plusieurs pages et un back-office

Étiquettes

  • html
  • rapport
  • diaporama
  • schéma
  • présentation

À propos

Vous dites

« Fais-moi un rapport d'avancement hebdomadaire en une page HTML, dans le style de la galerie. »

Planche de pages HTML éditoriales : rapport, diaporama, schéma et tableau de tri

Skill publiée par sammcj sous licence Apache-2.0, traduite par PalateKit.

Voir plus

Prérequis

À préparer
Le contenu ou le sujet à présenter et Votre charte graphique si vous en avez une

Comment l'utiliser

  1. Installez la skill avec son dossier resources/
  2. Décrivez le livrable voulu et votre contenu
  3. Ouvrez la page produite dans un navigateur et ajustez

Aperçu du contenu

Fichiers

  • LICENSE11,1 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • resources/01-exploration-code-approaches.html14,6 Ko
  • resources/02-exploration-visual-designs.html14,2 Ko
  • resources/03-code-review-pr.html26,2 Ko
  • resources/04-code-understanding.html18 Ko
  • resources/05-design-system.html18,3 Ko
  • resources/06-component-variants.html16,8 Ko
  • resources/07-prototype-animation.html12,6 Ko
  • resources/08-prototype-interaction.html10,9 Ko
  • resources/09-slide-deck.html16,7 Ko
  • resources/10-svg-illustrations.html18,4 Ko
  • resources/11-status-report.html16,5 Ko
  • resources/12-incident-report.html15,7 Ko
  • resources/13-flowchart-diagram.html15,3 Ko
  • resources/14-research-feature-explainer.html12,4 Ko
  • resources/15-research-concept-explainer.html13,6 Ko
  • resources/16-implementation-plan.html28,7 Ko
  • resources/17-pr-writeup.html24,5 Ko
  • resources/18-editor-triage-board.html18,7 Ko
  • resources/19-editor-feature-flags.html19,1 Ko
  • resources/20-editor-prompt-tuner.html21,4 Ko
  • resources/index.html38,5 Ko
  • SKILL.md7 Ko

Origine et licence

Modifié par PalateKit

Auteur
sammcj
Source
github.com/sammcj/agentic-coding/tree/3f58e2fcd85f52cc7ba7459016b8253686f20ae0/Skills/html-design-examples
Licence
Apache-2.0

Notice

Version modifiée de « html-design-examples » (sammcj, Apache-2.0) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

Les exemples sont-ils réutilisables tels quels ?

Ce sont des références de style et de structure, avec une marque fictive. L'agent les adapte à votre contenu et à votre charte.

Faut-il une connexion ou des outils ?

Non. Les pages sont autonomes, sans bibliothèque externe. La skill cite deux skills voisines (html-slides, playground) qui sont facultatives.