[{"data":1,"prerenderedAt":369},["ShallowReactive",2],{"navigation_docs":3,"-docs-ecrire-ecrire-avec-un-agent":118,"-docs-ecrire-ecrire-avec-un-agent-surround":364},[4,19,49,75,89],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":18},"Démarrer","i-lucide-rocket","\u002Fdocs\u002Fdemarrer","docs\u002F1.demarrer",[10,14],{"title":11,"path":12,"stem":13},"Première présentation","\u002Fdocs\u002Fdemarrer\u002Fpremiere-presentation","docs\u002F1.demarrer\u002F1.premiere-presentation",{"title":15,"path":16,"stem":17},"Le Markdown","\u002Fdocs\u002Fdemarrer\u002Fle-markdown","docs\u002F1.demarrer\u002F2.le-markdown",false,{"title":20,"icon":21,"path":22,"stem":23,"children":24,"page":18},"Écrire","i-lucide-pen-line","\u002Fdocs\u002Fecrire","docs\u002F2.ecrire",[25,29,33,37,41,45],{"title":26,"path":27,"stem":28},"La syntaxe","\u002Fdocs\u002Fecrire\u002Fsyntaxe","docs\u002F2.ecrire\u002F1.syntaxe",{"title":30,"path":31,"stem":32},"Les composants","\u002Fdocs\u002Fecrire\u002Fcomposants","docs\u002F2.ecrire\u002F2.composants",{"title":34,"path":35,"stem":36},"Story Storybook","\u002Fdocs\u002Fecrire\u002Fstory-storybook","docs\u002F2.ecrire\u002F3.story-storybook",{"title":38,"path":39,"stem":40},"Image et texte","\u002Fdocs\u002Fecrire\u002Fimage-a-cote-du-texte","docs\u002F2.ecrire\u002F4.image-a-cote-du-texte",{"title":42,"path":43,"stem":44},"Présenter et exporter","\u002Fdocs\u002Fecrire\u002Fpresenter","docs\u002F2.ecrire\u002F5.presenter",{"title":46,"path":47,"stem":48},"Écrire avec un agent","\u002Fdocs\u002Fecrire\u002Fecrire-avec-un-agent","docs\u002F2.ecrire\u002F6.ecrire-avec-un-agent",{"title":50,"icon":51,"path":52,"stem":53,"children":54,"page":18},"Studio","i-lucide-layout-grid","\u002Fdocs\u002Fstudio","docs\u002F3.studio",[55,59,63,67,71],{"title":56,"path":57,"stem":58},"Rôles et partage","\u002Fdocs\u002Fstudio\u002Froles-et-partage","docs\u002F3.studio\u002F1.roles-et-partage",{"title":60,"path":61,"stem":62},"Versions et brouillon","\u002Fdocs\u002Fstudio\u002Fversions-et-brouillon","docs\u002F3.studio\u002F2.versions-et-brouillon",{"title":64,"path":65,"stem":66},"Organiser le catalogue","\u002Fdocs\u002Fstudio\u002Forganiser-le-catalogue","docs\u002F3.studio\u002F3.organiser-le-catalogue",{"title":68,"path":69,"stem":70},"Jetons d'accès","\u002Fdocs\u002Fstudio\u002Fjetons-d-acces","docs\u002F3.studio\u002F4.jetons-d-acces",{"title":72,"path":73,"stem":74},"Problèmes fréquents","\u002Fdocs\u002Fstudio\u002Fproblemes-frequents","docs\u002F3.studio\u002F5.problemes-frequents",{"title":76,"icon":77,"path":78,"stem":79,"children":80,"page":18},"Thèmes","i-lucide-palette","\u002Fdocs\u002Fthemes","docs\u002F4.themes",[81,85],{"title":82,"path":83,"stem":84},"Thème DSFR","\u002Fdocs\u002Fthemes\u002Ftheme-dsfr","docs\u002F4.themes\u002F1.theme-dsfr",{"title":86,"path":87,"stem":88},"Thème d'équipe","\u002Fdocs\u002Fthemes\u002Ftheme-de-votre-equipe","docs\u002F4.themes\u002F2.theme-de-votre-equipe",{"title":90,"icon":91,"path":92,"stem":93,"children":94,"page":18},"Référence","i-lucide-book-open","\u002Fdocs\u002Freference","docs\u002F5.reference",[95,99,103,107,111,115],{"title":96,"path":97,"stem":98},"Module de rendu","\u002Fdocs\u002Freference\u002Fnuxt","docs\u002F5.reference\u002F1.nuxt",{"title":100,"path":101,"stem":102},"Composants de schéma","\u002Fdocs\u002Freference\u002Fschemas","docs\u002F5.reference\u002F2.schemas",{"title":104,"path":105,"stem":106},"Composants Storybook","\u002Fdocs\u002Freference\u002Fstorybook","docs\u002F5.reference\u002F3.storybook",{"title":108,"path":109,"stem":110},"Système de thèmes","\u002Fdocs\u002Freference\u002Ftheme-system","docs\u002F5.reference\u002F4.theme-system",{"title":112,"path":113,"stem":114},"Kit de thèmes","\u002Fdocs\u002Freference\u002Ftheme-kit","docs\u002F5.reference\u002F5.theme-kit",{"title":82,"path":116,"stem":117},"\u002Fdocs\u002Freference\u002Ftheme-dsfr","docs\u002F5.reference\u002F6.theme-dsfr",{"id":119,"title":46,"body":120,"description":358,"extension":359,"meta":360,"navigation":361,"path":47,"seo":362,"stem":48,"__hash__":363},"docs\u002Fdocs\u002F2.ecrire\u002F6.ecrire-avec-un-agent.md",{"type":121,"value":122,"toc":351},"minimark",[123,132,147,152,159,166,176,187,219,260,275,279,282,288,301,305,312,319,323,344,347],[124,125,126,127,131],"p",{},"Un agent de code écrit une présentation Vignettes depuis le dépôt de votre produit, où il lit le code, la documentation et les stories. Il écrit un fichier ",[128,129,130],"code",{},".md",", que vous importez dans le studio.",[124,133,134,135,138,139,146],{},"La skill ",[128,136,137],{},"writing-decks"," contient les règles du format, au format ouvert ",[140,141,145],"a",{"href":142,"rel":143},"https:\u002F\u002Fagentskills.io",[144],"nofollow","Agent Skills"," : l'en-tête, le découpage, les annotations, les composants et les stories Storybook. Claude Code, Codex, GitHub Copilot, Cursor et les autres agents qui lisent ce format la chargent quand une demande nomme une présentation Vignettes.",[148,149,151],"h2",{"id":150},"installer-la-skill","Installer la skill",[124,153,154,155,158],{},"La skill est dans le dépôt privé ",[128,156,157],{},"ShallowRed\u002Fvignettes",", que votre compte GitHub doit pouvoir lire.",[124,160,161,162,165],{},"Dans Claude Code, le dépôt est une marketplace de plugins. Votre ordinateur doit pouvoir le cloner sans saisie de mot de passe : par une connexion ",[128,163,164],{},"gh auth login",", ou par une clé SSH sans phrase de passe. Dans une session :",[167,168,174],"pre",{"className":169,"code":171,"language":172,"meta":173},[170],"language-text","\u002Fplugin marketplace add ShallowRed\u002Fvignettes\n\u002Fplugin install vignettes-decks@vignettes\n","text","",[128,175,171],{"__ignoreMap":173},[124,177,178,179,182,183,186],{},"Choisissez « Install for you (user scope) » pour l'utiliser dans tous vos projets. La commande ",[128,180,181],{},"\u002Fvignettes-decks:writing-decks"," apparaît ensuite dans la liste ouverte par ",[128,184,185],{},"\u002F",".",[124,188,189,190,197,198,201,202,205,206,205,209,205,212,215,216,186],{},"Pour les autres agents, la commande ",[140,191,194],{"href":192,"rel":193},"https:\u002F\u002Fcli.github.com\u002Fmanual\u002Fgh_skill_install",[144],[128,195,196],{},"gh skill install"," de GitHub CLI, en préversion, place la skill dans le dossier que lit votre agent, nommé par ",[128,199,200],{},"--agent"," : ",[128,203,204],{},"codex",", ",[128,207,208],{},"github-copilot",[128,210,211],{},"cursor",[128,213,214],{},"gemini-cli",", ou un autre de la liste de ",[128,217,218],{},"gh skill install --help",[167,220,224],{"className":221,"code":222,"language":223,"meta":173,"style":173},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","gh skill install ShallowRed\u002Fvignettes writing-decks --agent codex --scope user\n","bash",[128,225,226],{"__ignoreMap":173},[227,228,231,235,239,242,245,248,251,254,257],"span",{"class":229,"line":230},"line",1,[227,232,234],{"class":233},"sBMFI","gh",[227,236,238],{"class":237},"sfazB"," skill",[227,240,241],{"class":237}," install",[227,243,244],{"class":237}," ShallowRed\u002Fvignettes",[227,246,247],{"class":237}," writing-decks",[227,249,250],{"class":237}," --agent",[227,252,253],{"class":237}," codex",[227,255,256],{"class":237}," --scope",[227,258,259],{"class":237}," user\n",[124,261,262,263,266,267,270,271,274],{},"Avec ",[128,264,265],{},"--scope user",", la skill vaut pour tous vos projets ; avec ",[128,268,269],{},"--scope project",", elle est installée dans le dépôt courant, et votre équipe la reçoit avec le dépôt. ",[128,272,273],{},"gh skill update"," installe la dernière version.",[148,276,278],{"id":277},"faire-écrire-la-présentation","Faire écrire la présentation",[124,280,281],{},"Ouvrez votre agent dans le dépôt de votre produit et demandez la présentation en nommant Vignettes :",[167,283,286],{"className":284,"code":285,"language":172,"meta":173},[170],"Écris une présentation Vignettes de six diapositives pour la revue de sprint, dans docs\u002Fpresentations\u002Frevue-de-sprint.md.\n",[128,287,285],{"__ignoreMap":173},[124,289,290,291,293,294,296,297,300],{},"Pour être sûr que l'agent charge la skill, demandez-lui d'utiliser la skill ",[128,292,137],{},", ou, dans Claude Code, commencez la demande par ",[128,295,181],{},". Pour des écrans de votre Storybook, donnez-lui l'adresse du Storybook et le nom des composants (",[140,298,299],{"href":35},"Intégrer une story",").",[148,302,304],{"id":303},"importer-le-fichier","Importer le fichier",[124,306,307,308,311],{},"Dans le catalogue, cliquez sur « Nouvelle présentation », choisissez le point de départ « Fichier Markdown », puis déposez le fichier. Le titre et le thème viennent de l'en-tête du fichier, qui doit contenir la clé ",[128,309,310],{},"title",". Si une clé a une valeur refusée, le message nomme la clé : corrigez le fichier, puis choisissez-le de nouveau.",[124,313,314,315,186],{},"La présentation créée est privée, et indépendante du fichier. Relisez-la dans l'aperçu, puis ",[140,316,318],{"href":317},"\u002Fdocs\u002Fdemarrer\u002Fpremiere-presentation#publier-et-partager","publiez-la",[148,320,322],{"id":321},"faire-modifier-une-présentation","Faire modifier une présentation",[324,325,326,334,337],"ol",{},[327,328,329,333],"li",{},[140,330,332],{"href":331},"\u002Fdocs\u002Fecrire\u002Fpresenter#t%C3%A9l%C3%A9charger-le-texte","Téléchargez son texte"," et placez le fichier dans votre projet.",[327,335,336],{},"Demandez la modification à l'agent.",[327,338,339,340,186],{},"Dans l'éditeur, remplacez tout le texte par celui du fichier modifié, puis publiez. La version précédente reste dans l'",[140,341,343],{"href":342},"\u002Fdocs\u002Fstudio\u002Fversions-et-brouillon#lhistorique","historique",[124,345,346],{},"Pour garder la présentation d'origine, importez le fichier modifié comme une nouvelle présentation.",[348,349,350],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":173,"searchDepth":352,"depth":352,"links":353},2,[354,355,356,357],{"id":150,"depth":352,"text":151},{"id":277,"depth":352,"text":278},{"id":303,"depth":352,"text":304},{"id":321,"depth":352,"text":322},"Donner à un agent de code les règles du format Vignettes, lui faire écrire une présentation dans le dépôt de votre produit, puis l'importer dans le studio.","md",{},true,{"title":46,"description":358},"NTNN9Sotvj-BXrYieE0vqox43wx6Kno8CeV79QP1ou0",[365,367],{"title":42,"path":43,"stem":44,"description":366,"children":-1},"Présenter avec la vue conférencier, exporter une présentation en PDF et télécharger son texte Markdown.",{"title":56,"path":57,"stem":58,"description":368,"children":-1},"Les rôles des comptes du studio, la visibilité d'une présentation et le partage avec un compte précis.",1793478538007]