diff --git a/.claude/skills/haude/SKILL.md b/.claude/skills/clanna/SKILL.md similarity index 78% rename from .claude/skills/haude/SKILL.md rename to .claude/skills/clanna/SKILL.md index e12f8f5..d289254 100644 --- a/.claude/skills/haude/SKILL.md +++ b/.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 diff --git a/.claude/skills/haude/assets/frame.html b/.claude/skills/clanna/assets/frame.html similarity index 99% rename from .claude/skills/haude/assets/frame.html rename to .claude/skills/clanna/assets/frame.html index 41bb4d9..39481d1 100644 --- a/.claude/skills/haude/assets/frame.html +++ b/.claude/skills/clanna/assets/frame.html @@ -5,7 +5,7 @@ {{TITEL}} ` en `` 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-*)`. diff --git a/.claude/skills/haude/scripts/bundle.mjs b/.claude/skills/clanna/scripts/bundle.mjs similarity index 94% rename from .claude/skills/haude/scripts/bundle.mjs rename to .claude/skills/clanna/scripts/bundle.mjs index 8e5d93b..31575f0 100644 --- a/.claude/skills/haude/scripts/bundle.mjs +++ b/.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 /scripts/bundle.mjs YYMMDD_onderwerp.html [uit.html] import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'node:fs'; diff --git a/.claude/skills/haude/scripts/check.mjs b/.claude/skills/clanna/scripts/check.mjs similarity index 98% rename from .claude/skills/haude/scripts/check.mjs rename to .claude/skills/clanna/scripts/check.mjs index 5b77b79..78eb46e 100644 --- a/.claude/skills/haude/scripts/check.mjs +++ b/.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 /scripts/check.mjs YYMMDD_onderwerp.html // Exit 1 bij fouten, 0 als alleen waarschuwingen of niets. import { readFileSync, existsSync } from 'node:fs'; diff --git a/.claude/skills/haude/scripts/qa.mjs b/.claude/skills/clanna/scripts/qa.mjs similarity index 98% rename from .claude/skills/haude/scripts/qa.mjs rename to .claude/skills/clanna/scripts/qa.mjs index 2ed7985..58d05c7 100644 --- a/.claude/skills/haude/scripts/qa.mjs +++ b/.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. // diff --git a/.claude/skills/clidev/SKILL.md b/.claude/skills/clidev/SKILL.md index f3b1079..6c9b30c 100644 --- a/.claude/skills/clidev/SKILL.md +++ b/.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