refactor(clanna): hernoem haude naar clanna, met dank aan Janna

.claude/skills/haude/SKILL.md → .claude/skills/clanna/SKILL.md

@@ -1,11 +1,11 @@
 ---
-name: haude
-description: Gebruik wanneer iemand een presentatie als los HTML-bestand wil in Npuls/CEDA-huisstijl in plaats van Slidev — een HTML-deck, html-presentatie, show-deck, kick-off of keynote die moet opvallen, met Mentimeter-peilingen, of één bestand dat je kunt mailen. Ook bij "/haude" of "maak het zoals het LLM-wiki-deck". LET OP — een Slidev-presentatie of standaard reviewdeck is `clidev`; een Marp-deck is `build-marp-deck`.
+name: clanna
+description: Gebruik wanneer iemand een presentatie als los HTML-bestand wil in Npuls/CEDA-huisstijl in plaats van Slidev — een HTML-deck, html-presentatie, show-deck, kick-off of keynote die moet opvallen, met Mentimeter-peilingen, of één bestand dat je kunt mailen. Ook bij "/clanna" of "maak het zoals het LLM-wiki-deck van Janna". LET OP — een Slidev-presentatie of standaard reviewdeck is `clidev`; een Marp-deck is `build-marp-deck`.
 allowed-tools: Read Write Edit Bash Glob Grep
 compatibility: Requires node and git; draait in de root van cedanl/clidev-presentaties (Npuls-assets en playwright-chromium via npm install)
 metadata:
-  ceda-id: ceda.haude
-  ceda-version: "0.1.0"
+  ceda-id: ceda.clanna
+  ceda-version: "0.2.0"
   ceda-type: workflow
   ceda-subtype: ""
   ceda-origin: own
@@ -18,21 +18,32 @@ metadata:
   ceda-verifies: measurable
 ---
 
-# haude — HTML-presentaties met Claude
+# clanna — HTML-presentaties met Claude
 
-Eén zelfstandig HTML-bestand per presentatie, gebouwd op een vaste **frame** (engine, slide-varianten, componenten) die is afgeleid van het deck *"Welk open-source model kan mijn LLM-wiki het beste onderhouden?"* van Janna Berkhout (KIS). Jij schrijft alleen de slides; de vormgeving komt uit de frame.
+Eén zelfstandig HTML-bestand per presentatie, gebouwd op een vaste **frame** (engine, slide-varianten, componenten). Jij schrijft alleen de slides; de vormgeving komt uit de frame.
 
-**REQUIRED BACKGROUND:** laad `vormgever-npuls-huisstijl` voor kleuren, combinaties, typografie, iconen en vormtaal. Die skill wordt niet aangepast. `haude` voegt alleen het presentatiedeel toe.
+## Met dank aan Janna
 
-**Waar haude bewust afwijkt van vormgever-npuls-huisstijl** (alleen deze drie punten; de rest volgt vormgever):
+**clanna = Claude + Janna.** Deze skill bestaat dankzij **Janna Berkhout** (Kennisinfrastructuur, KIS). Haar deck *"Welk open-source model kan mijn LLM-wiki het beste onderhouden?"* is het fundament van alles hier:
 
-| vormgever zegt | haude doet | Reden |
+- de slide-engine: toetsen, swipe, fullscreen, stip-navigatie en deeplinks;
+- de elf slide-varianten die de Npuls-kleurcombinaties netjes afdwingen;
+- de componenten: kaarten, iconen, stappen, scorebalken, procesketen, kerncijfers, tabellen en Mentimeter;
+- het ritme van haar deck: één bewering per slide, licht en verzadigd afwisselen, eindigen met een vraag.
+
+clanna voegt daar de echte Npuls-assets, de checks en de export aan toe. Het ontwerp is van Janna. Dank je wel, Janna!
+
+**REQUIRED BACKGROUND:** laad `vormgever-npuls-huisstijl` voor kleuren, combinaties, typografie, iconen en vormtaal. Die skill wordt niet aangepast. `clanna` voegt alleen het presentatiedeel toe.
+
+**Waar clanna bewust afwijkt van vormgever-npuls-huisstijl** (alleen deze drie punten; de rest volgt vormgever):
+
+| vormgever zegt | clanna doet | Reden |
 |---|---|---|
 | Plus Jakarta Sans via Google Fonts als digitale vervanger | Echte General Sans + Cooper Light uit `public/npuls/` | De echte fonts staan in de repo; `bundle.mjs` bakt ze in |
 | Font Awesome *solid sharp* | `fa-solid` | Sharp zit alleen in Font Awesome Pro |
-| Presentaties → start met `clidev` | HTML-deck → `haude` | `clidev` blijft voor Slidev; dit is de HTML-route |
+| Presentaties → start met `clidev` | HTML-deck → `clanna` | `clidev` blijft voor Slidev; dit is de HTML-route |
 
-**Slidev of haude?** Terugkerende reviewdecks met vaste sjablonen → `clidev`. Iets dat moet opvallen, één deelbaar bestand, Mentimeter → `haude`.
+**Slidev of clanna?** Terugkerende reviewdecks met vaste sjablonen → `clidev`. Iets dat moet opvallen, één deelbaar bestand, Mentimeter → `clanna`.
 
 ## Werkwijze
 

.claude/skills/haude/assets/frame.html → .claude/skills/clanna/assets/frame.html

@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>{{TITEL}}</title>
 <!--
-  haude-frame v1 — gebaseerd op het deck "Welk open-source model kan mijn LLM-wiki
+  clanna-frame v1 — gebaseerd op het deck "Welk open-source model kan mijn LLM-wiki
   het beste onderhouden?" van Janna Berkhout (KIS). Huisstijl: vormgever-npuls-huisstijl.
   Dit bestand hoort in de root van clidev-presentaties: de fonts, het logo en de
   illustraties komen uit public/npuls/ (relatieve paden).

.claude/skills/haude/references/components.md → .claude/skills/clanna/references/components.md

@@ -1,4 +1,4 @@
-# haude-componenten
+# clanna-componenten
 
 Elk blok is een complete `<section>` die je tussen `<!-- SLIDES:START -->` en `<!-- SLIDES:END -->` plakt. Alle klassen staan al in `assets/frame.html`; verzin geen nieuwe CSS als een bestaand component past. Kleuren alleen via `var(--npuls-*)` / `var(--licht-*)`.
 

.claude/skills/haude/scripts/bundle.mjs → .claude/skills/clanna/scripts/bundle.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-// Maakt van een haude-deck één deelbaar bestand: fonts, logo en illustraties uit
+// Maakt van een clanna-deck één deelbaar bestand: fonts, logo en illustraties uit
 // public/ worden als data-URI ingebakken. Font Awesome en Mentimeter blijven online.
 // Gebruik: node <skill>/scripts/bundle.mjs YYMMDD_onderwerp.html [uit.html]
 import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'node:fs';

.claude/skills/haude/scripts/check.mjs → .claude/skills/clanna/scripts/check.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-// Statische huisstijlcheck voor een haude-deck.
+// Statische huisstijlcheck voor een clanna-deck.
 // Gebruik: node <skill>/scripts/check.mjs YYMMDD_onderwerp.html
 // Exit 1 bij fouten, 0 als alleen waarschuwingen of niets.
 import { readFileSync, existsSync } from 'node:fs';

.claude/skills/haude/scripts/qa.mjs → .claude/skills/clanna/scripts/qa.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-// Visuele QA voor een haude-deck: screenshot per slide op 1920×1080 én 1366×768,
+// Visuele QA voor een clanna-deck: screenshot per slide op 1920×1080 én 1366×768,
 // plus automatische detectie van overflow, ontbrekende fonts/afbeeldingen en
 // tekst die over decoratie valt. Optioneel PDF-export.
 //

.claude/skills/clidev/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: clidev
-description: Maak CEDA/Npuls Slidev presentaties met automatische projectsetup, huisstijl en branding. Gebruik wanneer iemand een Slidev-presentatie of een standaard reviewdeck wil maken voor CEDA, Npuls of 1CHO. Bouwt voort op de slidev skill. LET OP — een los HTML-bestand, show-deck of deck met Mentimeter is `haude`; een Marp-deck is `build-marp-deck`.
+description: Maak CEDA/Npuls Slidev presentaties met automatische projectsetup, huisstijl en branding. Gebruik wanneer iemand een Slidev-presentatie of een standaard reviewdeck wil maken voor CEDA, Npuls of 1CHO. Bouwt voort op de slidev skill. LET OP — een los HTML-bestand, show-deck of deck met Mentimeter is `clanna`; een Marp-deck is `build-marp-deck`.
 ---
 
 # Clidev - CEDA Slidev Presentaties