[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-cat-amphi-html-deck-skill-claude-code-presentations":3,"blog-cats-taxonomy":4,"footer-services":136,"megamenu-marketplace":165,"megamenu-blog-counts":194,"megamenu-services":196,"megamenu-projets":216,"blog-post-amphi-html-deck-skill-claude-code-presentations-pub":241,"footer-marketplace":268,"megamenu-projets-cats":280,"blog-related-amphi-html-deck-skill-claude-code-presentations":296},null,[5,14,25,33,42,50,58,66,74,81,90,97,106,115,123,130],{"id":6,"name":7,"slug":8,"description":3,"icon":3,"color":9,"scope":10,"display_order":12,"created_at":13,"parent_slug":3},"bcecb251-6b4a-43e6-801d-a835bcb7b648","Automatisation","automatisation","zinc",[11],"blog",0,"2026-05-06T21:08:06.363033+00:00",{"id":15,"name":16,"slug":17,"description":18,"icon":19,"color":20,"scope":21,"display_order":22,"created_at":23,"parent_slug":24},"cf57a5df-20f8-4da3-9c2e-969b7dfbc012","Artisans & TPE","use-cases/artisans-tpe","Solutions numériques pour artisans et TPE","lucide:hammer","orange",[11],1,"2026-04-12T08:35:56.436806+00:00","use-cases",{"id":26,"name":7,"slug":27,"description":28,"icon":29,"color":30,"scope":31,"display_order":22,"created_at":23,"parent_slug":32},"33486c41-6212-4121-991c-db7dce3a4444","guides/automatisation","Automatisez vos processus métier","lucide:zap","cyan",[11],"guides",{"id":34,"name":35,"slug":36,"description":37,"icon":38,"color":39,"scope":40,"display_order":41,"created_at":23,"parent_slug":24},"2556d667-8cb8-47f6-a5f9-c8743d0dfeb7","PME & Commerce","use-cases/pme-commerce","Solutions pour PME et commerces","lucide:building-2","blue",[11],2,{"id":43,"name":44,"slug":45,"description":46,"icon":47,"color":48,"scope":49,"display_order":41,"created_at":23,"parent_slug":32},"7992b6cb-3884-4173-a6de-7f0d2358f29f","Intelligence Artificielle","guides/intelligence-artificielle","IA, machine learning et LLM","lucide:bot","violet",[11],{"id":51,"name":52,"slug":53,"description":54,"icon":55,"color":39,"scope":56,"display_order":57,"created_at":23,"parent_slug":32},"23dc928a-c1f8-4717-bfb2-6b3c42c1c61a","Outils & Stack","guides/outils-stack","Outils et technologies du web","lucide:wrench",[11],3,{"id":59,"name":60,"slug":61,"description":62,"icon":63,"color":64,"scope":65,"display_order":57,"created_at":23,"parent_slug":24},"08570f75-ddf1-41bb-84fa-368f8e53f50a","E-commerce","use-cases/e-commerce","Boutiques et ventes en ligne","lucide:shopping-cart","emerald",[11],{"id":67,"name":68,"slug":69,"description":70,"icon":71,"color":64,"scope":72,"display_order":73,"created_at":23,"parent_slug":32},"1309134c-0b14-41e0-9c72-7f3ceddb6171","Développement Web","guides/developpement-web","Développement web moderne","lucide:code-2",[11],4,{"id":75,"name":76,"slug":77,"description":78,"icon":79,"color":48,"scope":80,"display_order":73,"created_at":23,"parent_slug":24},"d9f639d1-108f-438c-a235-b9144cc09674","Professions Libérales","use-cases/professions-liberales","Solutions pour professions libérales","lucide:briefcase",[11],{"id":82,"name":83,"slug":84,"description":85,"icon":86,"color":87,"scope":88,"display_order":89,"created_at":23,"parent_slug":32},"00d29317-3446-4e64-b8c4-3bc3867515ec","CRM & Gestion Client","guides/crm-gestion-client","CRM et relation client","lucide:users","amber",[11],5,{"id":91,"name":92,"slug":93,"description":94,"icon":95,"color":30,"scope":96,"display_order":89,"created_at":23,"parent_slug":24},"9057ea7f-7247-467b-b0eb-1534d4ee0940","Agences & Équipes","use-cases/agences-equipes","Solutions pour agences et équipes","lucide:users-2",[11],{"id":98,"name":99,"slug":100,"description":101,"icon":102,"color":103,"scope":104,"display_order":105,"created_at":23,"parent_slug":32},"2d93cbf0-b1ec-4a6d-aac1-b312af41b0ca","Prompting","guides/prompting","Techniques de prompting IA","lucide:message-square","rose",[11],6,{"id":107,"name":108,"slug":109,"description":110,"icon":111,"color":30,"scope":112,"display_order":113,"created_at":114,"parent_slug":32},"8146438c-bf7c-4907-a9f6-83eb396f40e3","SEO & GEO","guides/seo-geo","Référencement Google + citation par les LLMs","lucide:search",[11],7,"2026-05-19T23:13:27.710105+00:00",{"id":116,"name":117,"slug":118,"description":119,"icon":120,"color":30,"scope":121,"display_order":122,"created_at":23,"parent_slug":3},"d04009ca-13e7-4d56-80e2-f0254689f5b8","Articles","articles","Articles de blog","lucide:file-text",[11],10,{"id":124,"name":125,"slug":32,"description":126,"icon":127,"color":48,"scope":128,"display_order":129,"created_at":23,"parent_slug":3},"4035f2b8-75b3-4d53-8c33-299a2a33a9ed","Guides","Guides pratiques pas à pas","lucide:book-open",[11],20,{"id":131,"name":132,"slug":24,"description":133,"icon":79,"color":64,"scope":134,"display_order":135,"created_at":23,"parent_slug":3},"39aae490-c3f4-47cc-9235-2834d9585dd3","Use Cases","Cas d'usage concrets",[11],30,[137,141,145,149,153,157,161],{"id":138,"title":139,"slug":140},"8f15937c-f410-4489-8835-7fb5f98e7c55","Automatisation & IA","automatisation-ia",{"id":142,"title":143,"slug":144},"e5af10d7-6ba0-47fa-8b55-65d8d6f6c65d","Application web sur-mesure","application-web",{"id":146,"title":147,"slug":148},"3d859eca-73fc-47ea-a603-26fe1a25d838","Boutique en Ligne","boutique-en-ligne",{"id":150,"title":151,"slug":152},"a266e3cd-a654-4624-a5b4-d8d911cec98c","Site Vitrine Professionnel","site-vitrine-professionnel",{"id":154,"title":155,"slug":156},"63f40e83-9249-4f64-b563-1a971e428d1a","Micro-SaaS sur-mesure","micro-saas",{"id":158,"title":159,"slug":160},"1a2c1e34-1cac-410a-b553-11ecbac58d8c","Maintenance & evolution","maintenance-evolution",{"id":162,"title":163,"slug":164},"0ec586b3-e8d7-4537-8c59-ef39c9976c4e","Référencement SEO","referencement-seo",[166,176,185],{"id":167,"name":168,"slug":169,"type":170,"icon":171,"image":172,"logo":173,"description":174,"featured":175},"c9ffd8d1-651c-47a3-bea6-60c303965dfa","QCODE","qcode","OUTIL","lucide:box","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/freelance/marketplace/visuel/qcode/1772964654719.png","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/freelance/marketplace/logo/qcode/1773003838338.png","Générez, personnalisez et gérez vos QR codes dynamiques en quelques clics. Suivez les scans en temps réel et modifiez la destination même après impression.",true,{"id":177,"name":178,"slug":179,"type":180,"icon":181,"image":182,"logo":183,"description":184,"featured":175},"695f6b86-7764-4b24-b918-7aa91842e00a","Générateur de signature","generateur-de-signature","Web App","lucide:send","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/freelance/marketplace/visuel/generateur-de-signature/1774634403342.png","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/freelance/marketplace/logo/generateur-de-signature/1774634134750.png","Créez une signature email professionnelle et personnalisée en quelques minutes. Aucune compétence technique requise, données stockées localement sur votre appareil.",{"id":186,"name":187,"slug":188,"type":189,"icon":190,"image":191,"logo":192,"description":193,"featured":175},"74733852-99b8-404f-978e-1373e5af7ffa","Amphi","amphi","Outil","lucide:presentation","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/freelance/marketplace/visuel/amphi/cover.webp","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/freelance/marketplace/logo/amphi/1776350254110.png","Diffusez votre PDF en direct, lancez des quiz instantanés, laissez l'IA transcrire votre voix. Sans installation pour vos apprenants.\nUne nouvelle façon de présenter vos slides",{"guides/automatisation":73,"articles":195,"guides/developpement-web":22,"guides/seo-geo":73,"ia":41,"guides/outils-stack":41,"guides/intelligence-artificielle":73,"guides/crm-gestion-client":22},9,[197,199,202,205,208,211,213],{"id":138,"title":139,"slug":140,"icon":47,"description":198},"Automatisez vos taches répetitives et integrez l'intelligence artificielle dans votre business : chatbots, workflows automatises, generation de contenu et connexion entre vos outils.",{"id":142,"title":143,"slug":144,"icon":200,"description":201},"lucide:layout","Applications web, intranet d'entreprise et extranet client sur-mesure. SaaS, outils métiers et plateformes collaboratives avec espaces membres sécurisés.",{"id":146,"title":147,"slug":148,"icon":203,"description":204},"lucide:shopping-bag","Transformez vos visiteurs en clients avec une boutique en ligne fluide, sécurisée et facile à gérer. Solution WooCommerce ou Shopify.",{"id":150,"title":151,"slug":152,"icon":206,"description":207},"lucide:monitor","Création de site vitrine moderne et responsive à Conflans-Sainte-Honorine et dans les Yvelines. Design sur-mesure, optimisé pour le référencement Google local.",{"id":154,"title":155,"slug":156,"icon":209,"description":210},"lucide:rocket","Transformez votre expertise en produit digital. Je conçois et lance votre micro-SaaS de A à Z : idée, développement, paiement, onboarding et automatisation.",{"id":158,"title":159,"slug":160,"icon":200,"description":212},"Forfaits de maintenance mensuels : mises a jour de securite, sauvegardes quotidiennes, monitoring de performance 24/7 et evolutions continues de votre site web.",{"id":162,"title":163,"slug":164,"icon":214,"description":215},"lucide:bar-chart","Audit technique et stratégie SEO via partenaire spécialisé. Disponible sur demande pour les clients CreativConflans.",[217,225,232],{"id":218,"title":219,"slug":220,"short_desc":221,"image":222,"logo":222,"category":223,"filter_cat":224},"ccfcfd82-b741-410e-9ecb-d3b16e9bf72b","OKAVEO","okaveo","","https://www.okaveo.com/wp-content/uploads/2025/11/Okaveo-logo-rvb-1.svg","Site Web","site-web",{"id":226,"title":227,"slug":228,"short_desc":229,"image":230,"logo":231,"category":223,"filter_cat":224},"10cf409d-b25b-483f-a32d-86ecbc9becd2","Groupe Carsey","groupe-carsey","Entreprise spécialisée en BTP (Bâtiment et Travaux Publics)\nExpertise, innovation et engagement pour vos projets de construction et d'infrastructure.","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/freelance/projects/cover/groupe-carsey.webp","https://www.groupecarsey.fr/wp-content/uploads/2026/02/Groupe-CARSEY-SB-RVB.jpg",{"id":233,"title":234,"slug":235,"short_desc":236,"image":237,"logo":238,"category":239,"filter_cat":240},"417e676d-d5e3-44ce-9ec0-01d729e854f6","Séjour privé","sejour-prive","Location premium","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/freelance/projects/sejourprive-com-sejour-prive-experience-proprietes-550x550.jpg","https://www.sejourprive.com/wp-content/uploads/2026/02/SP-Logo-sticky-2.svg","E-Commerce","ecommerce",{"id":242,"title":243,"slug":244,"excerpt":245,"content":246,"category":118,"tags":247,"image":253,"alt":243,"author":254,"published":175,"featured":255,"reading_time":89,"meta_title":256,"meta_description":257,"noindex":255,"nofollow":255,"display_order":12,"created_at":258,"updated_at":259,"youtube_url":3,"iframes":260,"posted_social":255,"posted_social_at":3,"focus_keyphrase":261,"aio_snippet":3,"aio_definition":3,"image_thumb":3,"google_submitted_at":262,"summary":3,"og_image":3,"faq":263,"word_count":264,"social_content":265,"scheduled_for":3,"client_sector":3,"client_size":3,"result_metric":3,"result_description":3,"tools_used":3,"views_count":266,"audio_url":3,"presentation_url":267},"bb24ef09-66db-4838-839a-69b9c8fc717d","amphi-html-deck : une skill Claude Code pour générer des présentations Amphi","amphi-html-deck-skill-claude-code-presentations","Comment j'ai packagé en skill Claude Code la recette qui génère des présentations Amphi correctement découpées en slides. Le contrat technique, l'installation, un exemple de session, et le repo GitHub.","\u003Ch2>Ce que vous allez apprendre\u003C/h2>\u003Cul>\u003Cli>\u003Cp>Pourquoi packager un workflow récurrent en \u003Cstrong>skill Claude Code\u003C/strong> plutôt que de le redonner à chaque conversation\u003C/p>\u003C/li>\u003Cli>\u003Cp>Le contrat technique d'\u003Cstrong>Amphi\u003C/strong> (1 seul HTML, slides 1280×720, CSS partagé) et comment la skill le respecte automatiquement\u003C/p>\u003C/li>\u003Cli>\u003Cp>Comment installer et utiliser \u003Ccode>amphi-html-deck\u003C/code> en pratique pour générer un deck à partir d'un brief\u003C/p>\u003C/li>\u003Cli>\u003Cp>Le complément naturel avec \u003Ccode>amphi-mcp\u003C/code> pour boucler la chaîne génération → publication\u003C/p>\u003C/li>\u003C/ul>\u003Chr>\u003Cp>Quand on génère beaucoup de présentations, on finit toujours par tomber sur la même friction : Claude est très bon pour produire du HTML, mais Amphi a un format très spécifique. Si on ne lui rappelle pas le contrat à chaque fois, on récupère un fichier qui s'affiche en une seule slide, ou qui se rogne, ou qui charge des polices relatives qui ne marchent jamais. La skill \u003Ccode>amphi-html-deck\u003C/code> capture cette recette une bonne fois pour toutes — voici comment, et pourquoi c'est utile pour quiconque a un format de sortie répétitif à produire.\u003C/p>\u003Cp>Pour le contexte de l'outil lui-même, voir l'article où je présentais le projet : \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"/blog/amphi-outil-presentation-live-quiz-transcription-ia\">Amphi : présentation live avec quiz et transcription IA\u003C/a>.\u003C/p>\u003Ch2>Le contexte : Amphi a un format très spécifique\u003C/h2>\u003Cp>Amphi importe une présentation sous forme d'\u003Cstrong>un seul fichier HTML\u003C/strong> qu'il découpe automatiquement en slides. Chaque slide est ensuite rendue dans une \u003Ccode><iframe>\u003C/code> sandboxée, à une taille fixe, mise à l'échelle pour tenir dans le cadre.\u003C/p>\u003Cp>Ce mécanisme impose six règles non négociables :\u003C/p>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Un seul fichier HTML autonome\u003C/strong> — tout le CSS dans des balises \u003Ccode><style>\u003C/code>, pas de feuille externe.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Une slide = un élément \u003Ccode>class=\"slide\"\u003C/code>\u003C/strong> (section ou div). Amphi découpe en priorité sur cette classe.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>CSS partagé\u003C/strong> — tous les \u003Ccode><style>\u003C/code> du document sont concaténés et appliqués à chaque slide. Un seul système de styles pour tout le deck.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>\u003Ccode>.slide\u003C/code> est forcé en \u003Ccode>display:flex\u003C/code>\u003C/strong> par Amphi. Chaque slide doit être conçue comme un conteneur flex.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Canvas fixe 1280×720\u003C/strong> (16:9). La slide est mise à l'échelle pour tenir dans la zone visible — il faut donc voir grand sur les tailles de texte.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Ressources externes en URL absolue \u003Ccode>https://\u003C/code>\u003C/strong> (images, Google Fonts). L'iframe n'a pas d'URL de base et tourne en sandbox.\u003C/p>\u003C/li>\u003C/ul>\u003Cp>Aucune de ces règles n'est compliquée prise isolément. Mais oublier une seule fait planter le rendu — et les agents IA, par défaut, vont presque toujours en oublier au moins une. D'où l'intérêt d'une skill.\u003C/p>\u003Ch2>Pourquoi pas un simple prompt ?\u003C/h2>\u003Cp>On pourrait copier-coller le contrat dans chaque conversation, ou le mettre dans un \u003Ccode>CLAUDE.md\u003C/code>. Deux problèmes avec ça.\u003C/p>\u003Cp>\u003Cstrong>D'abord, ça pollue le contexte.\u003C/strong> Si on bosse sur un projet qui n'est pas un deck Amphi, on n'a aucune envie d'avoir les instructions de génération de slides dans le system prompt par défaut. Une skill ne se charge que quand Claude détecte qu'on en a besoin.\u003C/p>\u003Cp>\u003Cstrong>Ensuite, ça ne se versionne pas proprement.\u003C/strong> Un prompt collé dans une conversation est unique à cette conversation. Une skill est un dossier de fichiers qu'on installe, versionne, partage, met à jour. Le savoir-faire devient un artefact réutilisable plutôt qu'une recette à recopier.\u003C/p>\u003Cp>C'est exactement le même argument que pour les \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"/blog/meilleurs-serveurs-mcp-disponibles-2026\">serveurs MCP\u003C/a> côté outils : on transforme un comportement répétitif en composant logiciel qui se diffuse. Les skills jouent ce rôle côté instructions ; les MCP le jouent côté actions.\u003C/p>\u003Ch2>Ce que fait la skill \u003Ccode>amphi-html-deck\u003C/code>\u003C/h2>\u003Cp>La skill est un dossier avec un \u003Ccode>SKILL.md\u003C/code> qui contient trois choses :\u003C/p>\u003Cul>\u003Cli>\u003Cp>Le \u003Cstrong>contrat technique\u003C/strong> d'Amphi — les six règles ci-dessus, exprimées de manière condensée mais sans omission.\u003C/p>\u003C/li>\u003Cli>\u003Cp>Une section \u003Cstrong>design\u003C/strong> qui rappelle les tailles de typo, contrastes et espacements pour qu'une slide reste lisible une fois mise à l'échelle.\u003C/p>\u003C/li>\u003Cli>\u003Cp>Un \u003Cstrong>exemple complet\u003C/strong> d'un deck minimal valide — Claude n'a pas à inventer la structure, il a un point de départ correct.\u003C/p>\u003C/li>\u003C/ul>\u003Cp>Et un frontmatter qui dit explicitement \u003Cstrong>quand utiliser la skill\u003C/strong> : « À utiliser quand on crée, génère ou prépare une présentation ou un deck HTML destiné à Amphi ». C'est ce frontmatter que Claude lit pour décider d'activer la skill au moment opportun, sans qu'on ait à l'invoquer manuellement.\u003C/p>\u003Ch2>Installation\u003C/h2>\u003Cp>La skill est publiée sur GitHub. Pour l'installer en local dans Claude Code :\u003C/p>\u003Col>\u003Cli>\u003Cp>Cloner ou télécharger le dépôt \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/Oliviercreativ/amphi-skill\">\u003Ccode>github.com/Oliviercreativ/amphi-skill\u003C/code>\u003C/a>.\u003C/p>\u003C/li>\u003Cli>\u003Cp>Déposer le dossier \u003Ccode>amphi-html-deck/\u003C/code> dans \u003Ccode>~/.claude/skills/\u003C/code>.\u003C/p>\u003C/li>\u003Cli>\u003Cp>Lancer une nouvelle session Claude Code. La skill devient disponible immédiatement.\u003C/p>\u003C/li>\u003C/ol>\u003Cp>Aucune configuration supplémentaire — pas de dépendances npm, pas de variables d'environnement. C'est uniquement un fichier d'instructions.\u003C/p>\u003Ch2>Utilisation : un exemple concret\u003C/h2>\u003Cp>Une session type ressemble à ça :\u003C/p>\u003Cblockquote>\u003Cp>\u003Cstrong>Vous :\u003C/strong> « Fais-moi un deck Amphi de 8 slides pour ma formation IA en PME : intro, état du marché, 3 cas d'usage, ROI, risques, CTA. Style sobre, palette beige/noir. »\u003C/p>\u003C/blockquote>\u003Cp>Claude lit la skill, comprend le contrat, et génère un fichier HTML autonome avec 8 sections \u003Ccode>.slide\u003C/code>, du CSS partagé, des tailles de typo adaptées à un canvas 1280×720, et des Google Fonts en URL absolue. Le fichier est prêt à être importé dans Amphi sans retouche manuelle.\u003C/p>\u003Cp>Quand on enchaîne plusieurs decks dans la même journée — pour différents clients, différentes formations — le gain de temps cumulé est sensible. C'est exactement le genre de tâche qu'on rentabilise dès la deuxième ou troisième utilisation.\u003C/p>\u003Ch2>Aller plus loin : le MCP en complément\u003C/h2>\u003Cp>La skill couvre la \u003Cstrong>génération\u003C/strong> du HTML. Pour boucler la chaîne et \u003Cstrong>publier\u003C/strong> directement le deck dans Amphi sans avoir à uploader manuellement, il faut un MCP. C'est exactement le rôle d'\u003Ccode>amphi-mcp\u003C/code> — j'en ai détaillé la conception et la publication dans \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"/blog/amphi-mcp-serveur-publier-saas-claude\">amphi-mcp : j'ai publié un serveur MCP pour mon SaaS, voici pourquoi\u003C/a>.\u003C/p>\u003Cp>Combinés, on obtient un flux complet : « fais-moi un deck sur X » → la skill génère le HTML → le MCP le publie sur Amphi → Claude renvoie le lien de la session. Trois minutes au total, là où il fallait avant ouvrir Keynote, exporter en PDF, uploader, configurer.\u003C/p>\u003Ch2>Ce qu'il faut retenir\u003C/h2>\u003Cul>\u003Cli>\u003Cp>Quand un agent doit produire un format de sortie répétitif et précis, une \u003Cstrong>skill\u003C/strong> capture le contrat une fois pour toutes — moins d'erreurs, plus de portabilité, contexte propre\u003C/p>\u003C/li>\u003Cli>\u003Cp>Le contrat d'Amphi tient en six règles, mais en oublier une suffit à casser le rendu. La skill élimine ce risque.\u003C/p>\u003C/li>\u003Cli>\u003Cp>Installation triviale : un dossier dans \u003Ccode>~/.claude/skills/\u003C/code>, pas de dépendances\u003C/p>\u003C/li>\u003Cli>\u003Cp>Le couple skill + \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"/blog/amphi-mcp-serveur-publier-saas-claude\">MCP\u003C/a> ferme la boucle : génération côté skill, publication côté MCP, agent autonome de bout en bout\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>Questions fréquentes\u003C/h2>\u003Cp>\u003Cstrong>Qu'est-ce qu'une skill Claude Code exactement ?\u003C/strong> Une skill est un dossier installé dans \u003Ccode>~/.claude/skills/\u003C/code> contenant au minimum un \u003Ccode>SKILL.md\u003C/code> avec frontmatter (nom, description, conditions d'usage) et un corps en markdown. Claude lit la description et active la skill quand elle correspond à la tâche en cours, sans qu'il faille l'invoquer explicitement.\u003C/p>\u003Cp>\u003Cstrong>Quelle différence avec un MCP ?\u003C/strong> Une skill ajoute des \u003Cstrong>instructions\u003C/strong> au modèle (du savoir-faire textuel). Un MCP ajoute des \u003Cstrong>outils\u003C/strong> exécutables (des actions qui appellent du code). Les deux sont complémentaires : la skill dit « voici comment faire », le MCP dit « voici ce que tu peux exécuter ». Pour Amphi on a les deux.\u003C/p>\u003Cp>\u003Cstrong>La skill marche-t-elle avec d'autres clients que Claude Code ?\u003C/strong> Le format \u003Ccode>SKILL.md\u003C/code> est spécifique à l'écosystème Claude (Code, Desktop, agent SDK). On peut transcrire le contenu en system prompt pour Cursor, Continue ou un autre client, mais ce n'est plus la même mécanique d'activation contextuelle.\u003C/p>\u003Cp>\u003Cstrong>Le SKILL.md fait combien de lignes ?\u003C/strong> Environ 110 lignes pour \u003Ccode>amphi-html-deck\u003C/code> — le contrat, les guidelines de design, un exemple complet de deck minimal valide. C'est assez court pour être lu rapidement, assez précis pour ne laisser aucune ambiguïté à l'agent.\u003C/p>\u003Chr>\u003Cp>Le code de la skill est disponible sur GitHub : \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/Oliviercreativ/amphi-skill\">\u003Ccode>github.com/Oliviercreativ/amphi-skill\u003C/code>\u003C/a>. Si vous voulez packager vos propres workflows répétitifs en skill, ou si vous cherchez à industrialiser la génération d'un format de sortie particulier dans vos équipes, vous pouvez me \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://www.creativconflans.fr/contact\">contacter\u003C/a> ou \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://calendar.app.google/DcEXLfzYqfVr8bKe9\">réserver un appel\u003C/a>.\u003C/p>",[248,249,187,250,251,252],"Claude Code","Skill","Présentation","HTML","Open Source","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/theme/blog/amphi-html-deck-skill-claude-code-presentations-2026-06-10/cover.jpeg","Olivier Démontant",false,"amphi-html-deck : skill Claude Code pour décks Amphi | CreativConflans","Skill Claude Code open source qui génère des présentations Amphi conformes au format (HTML autonome, slides 1280×720, CSS partagé). Installation, exemple, repo GitHub.","2026-05-21T00:33:28.265114+00:00","2026-06-23T09:17:19.258281+00:00",[],"skill claude code amphi","2026-01-01T00:00:00+00:00",[],1312,{},22,"https://amphi.creativconflans.fr/presentations/5f0bd511-6e25-48cf-9ee8-a412a79f9472/edit",[269,273,277,278,279],{"id":270,"name":271,"slug":272},"fac46585-d74a-4c5c-8f1f-a5eb2226350e","URL externe thumbnail","url-externe-thumbnail-wordpress-plugin",{"id":274,"name":275,"slug":276},"fd5e02ad-3e7f-4d80-8d20-78bf067bb8d2","FuelTrack","fueltrack",{"id":167,"name":168,"slug":169},{"id":177,"name":178,"slug":179},{"id":186,"name":187,"slug":188},[281,285,287,288,291,293],{"name":282,"slug":283,"icon":284},"PWA","pwa","lucide:layout-dashboard",{"name":223,"slug":224,"icon":286},"lucide:globe",{"name":239,"slug":240,"icon":63},{"name":289,"slug":290,"icon":284},"Application Web","webapp",{"name":292,"slug":156,"icon":29},"Micro-SaaS",{"name":294,"slug":295,"icon":47},"Agent IA","agent-ia",[297,304,312,320,328,336],{"id":298,"title":299,"slug":300,"excerpt":301,"category":118,"image":302,"alt":299,"reading_time":73,"created_at":303,"updated_at":303},"a974eabc-dd3a-49b5-a30d-966482d521f6","Nuxt.js vs WordPress : quel CMS choisir pour votre site en 2026 ?","nuxtjs-vs-wordpress-cms-choisir-2026","Nuxt.js ou WordPress en 2026 ? Comparatif honnête sur les performances, le coût, la maintenance et l'évolutivité. Grille de décision avec cas d'usage concrets pour faire le bon choix.","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/theme/blog/nuxtjs-vs-wordpress-cms-choisir-2026-2026-06-10/cover.jpeg","2026-06-23T09:42:55.768593+00:00",{"id":305,"title":306,"slug":307,"excerpt":308,"category":118,"image":309,"alt":306,"reading_time":113,"created_at":310,"updated_at":311},"0ad07e21-87ba-418a-9e40-f84de6edb160","PowerPoint en 2026 : pourquoi je passe au HTML+PDF généré par IA","presentations-html-pdf-ia-vs-powerpoint","PowerPoint a trois problèmes en 2026 : charte graphique, IA générative, versioning Git. J'ai basculé sur des présentations HTML autonomes générées par une skill Claude Code, avec PDF fidèle au pixel via Chrome headless. Retour d'expérience après 6 mois.","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/theme/blog/presentations-html-pdf-ia-vs-powerpoint-2026-06-10/cover.jpeg","2026-05-21T13:34:34.22282+00:00","2026-06-23T08:51:21.742135+00:00",{"id":313,"title":314,"slug":315,"excerpt":316,"category":118,"image":317,"alt":314,"reading_time":105,"created_at":318,"updated_at":319},"94f5120d-446e-4c16-b641-0912a391b830","amphi-mcp : j'ai publié un serveur MCP pour mon SaaS, voici pourquoi","amphi-mcp-serveur-publier-saas-claude","Retour d'expérience sur la publication d'amphi-mcp, le serveur MCP qui permet à Claude (ou n'importe quel agent) de créer des présentations Amphi en autonomie. Architecture, distribution, check-list pour faire pareil avec votre produit.","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/theme/blog/amphi-mcp-serveur-publier-saas-claude-2026-06-10/cover.jpeg","2026-05-21T00:33:28.390376+00:00","2026-06-20T21:48:21.71029+00:00",{"id":321,"title":322,"slug":323,"excerpt":324,"category":118,"image":325,"alt":3,"reading_time":73,"created_at":326,"updated_at":327},"50fa8b80-feaa-43bc-b633-581277d34423","Quand passer d'Excel ou HubSpot à un CRM sur-mesure ?","quand-passer-excel-hubspot-crm-sur-mesure","Excel, Notion, HubSpot, Pipedrive — à un moment, tous ces outils montrent leurs limites. Voici les 5 signaux concrets qui indiquent qu'il est temps de passer à un CRM sur-mesure, et ce que ça implique vraiment.","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/theme/blog/quand-passer-excel-hubspot-crm-sur-mesure/cover.webp","2026-05-19T20:32:42.144165+00:00","2026-06-20T16:57:02.878429+00:00",{"id":329,"title":330,"slug":331,"excerpt":332,"category":118,"image":333,"alt":3,"reading_time":73,"created_at":334,"updated_at":335},"7bb9609c-1c71-4464-a878-56226b36cb3c","CreativConflans fait peau neuve : nouveau site, chatbot IA et marketplace","refonte-site-creativconflans-chatbot-ia-marketplace","Nouveau design, assistant IA propulsé par Mistral, marketplace de produits digitaux, blog tech : voici ce qui a changé sur creativconflans.vercel.app et pourquoi ces choix ont été faits.","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/theme/blog/refonte-site-creativconflans-chatbot-ia-marketplace/cover.webp","2026-04-03T15:08:09.54967+00:00","2026-06-20T17:09:21.897429+00:00",{"id":337,"title":338,"slug":339,"excerpt":340,"category":118,"image":341,"alt":338,"reading_time":89,"created_at":342,"updated_at":343},"edc995b2-d6a5-43ec-a9f5-380f27d82f13","No-code vs low-code vs développement sur-mesure : comment choisir en 2026","no-code-low-code-developpement-sur-mesure-choisir","No-code pour la vitesse et les MVPs, low-code pour accélérer sans contraindre, développement sur-mesure quand les autres approches ne suffisent pas. La grille de décision avec 4 questions.","https://almiggcgnoruhiyzzcge.supabase.co/storage/v1/object/public/theme/blog/no-code-low-code-developpement-sur-mesure-choisir-2026-06-10/cover.jpeg","2026-04-03T11:06:22.022491+00:00","2026-06-21T11:01:53.438362+00:00"]