chore: versnel het aanmaken van stories in candidate repo tijdens voorbereidingsfase (#1038)

Onderdeel van #1037
waarin we doen:

- Verplaats "Maak de packages beschikbaar voor de nieuwe Candidate
component" van "Varianten bepaald" naar "Keywords en aliassen bepaald".
- Verbeter "Maak de packages beschikbaar voor de nieuwe Candidate
component" met de learnings van Form Field Label.
- Verbeter "Maak de packages beschikbaar voor de nieuwe Candidate
component" met uitleg over het nieuwe script.

---------

Co-authored-by: Charlotte Gieltjes <charlotte.gieltjes@rebels.io>

Author: eslook

.github/ISSUE_TEMPLATE/202-📝-varianten-bepaald.md

@@ -5,6 +5,7 @@ title: '{component-name} - 📝 Varianten bepaald'
 labels:
   - 📝 Candidate Voorbereidingsfase
   - designer relations
+type: Task
 ---
 
 ## 📝 Varianten bepaald
@@ -14,7 +15,6 @@ Component is, waar nodig, versimpeld of opgesplitst. Zodat er één of meerdere
 - [ ] Verzamel input uit de Community
 - [ ] Besluit welke varianten Candidate worden
 - [ ] Documenteer besluit in de GitHub Discussion
-- [ ] Maak de packages beschikbaar voor de nieuwe Candidate component
 - [ ] Documenteer besluit in de Candidate repository
 - [ ] Zet de checkpoint in het GitHub projectbord op de juiste status
 
@@ -118,24 +118,6 @@ Voorbeeld hypothese voor RVO met 4 verschillende formaten voor font-size:
 - Bepaal samen met de Design System Lead welke varianten in de Candidate component moeten worden opgenomen
 - Notuleer de besproken beredeneringen op, deze heb je nodig in de volgende stap.
 
-### Maak de packages beschikbaar voor de nieuwe Candidate component
-
-Het is vanaf dit moment handig dat er een omgeving is waarin de component en al zijn aanhangsels kan worden ontwikkeld. Maak dus in [de Candidate repository](https://github.com/nl-design-system/candidate) de packages alvast aan voor
-
-- de css component
-- de react component
-- de component docs
-
-Maak daarnaast alvast de mapjes aan:
-
-- het mapje voor deze component in storybook-test
-- het mapje voor deze component in storybook-non-conforming
-- het mapje voor deze component in storybook
-
-#### Hoe doe je dit bijvoorbeeld
-
-Er is hiervoor een experimenteel script beschikbaar in de Candidate repository. `scripts/create-package.sh`. Deze kun je in je terminal draaien, waarbij je kunt aangeven om welke component het gaat etc. Op basis hiervan worden template bestanden en mapjes aangemaakt die je in de volgende stappen kunt vullen.
-
 ### Documenteer besluit
 
 - Optioneel: splits, in overleg met de Design System Lead, de component op in meerdere componenten en zet de extra componenten met logica die we daarin gaan opnemen op de Backlog.

.github/ISSUE_TEMPLATE/204-📝-keywords-en-aliassen.md

@@ -1,39 +1,84 @@
 ---
 name: Kernteam - 📝 Keywords en aliassen bepaald
-
 about: Keywords en aliassen voor de component zijn bepaald zodat deze makkelijk kan worden gevonden
-title: '{component-name} - 📝 Keywords en aliassen bepaald
-'
+title: '{component-name} - 📝 Keywords en aliassen bepaald'
 labels:
   - 📝 Candidate Voorbereidingsfase
   - designer relations
   - developer relations
+type: Task
 ---
 
 ## 📝 Keywords en aliassen bepaald
 
+- [ ] Maak de packages beschikbaar voor de nieuwe Candidate component
 - [ ] Verzamel alternatieve namen voor de component
+- [ ] Stem af met Design System Lead
 - [ ] Voeg de meest gebruikte alternatieven toe aan de component pagina in de candidate repository
 - [ ] Voeg de aliassen toe aan de keywords op de component pagina in de documentatie repository
 - [ ] Zet de checkpoint in het GitHub projectbord op de juiste status
 
+### Maak de packages beschikbaar voor de nieuwe Candidate component
+
+Het is vanaf dit moment handig dat er een omgeving is waarin de component en al zijn aanhangsels kan worden ontwikkeld. Maak dus in [de Candidate repository](https://github.com/nl-design-system/candidate) de packages alvast aan voor:
+
+- de css component
+- de react component
+- de component docs
+- de tokens
+
+Maak daarnaast alvast de mapjes en bestanden aan voor deze component in:
+
+- storybook-test
+- storybook-non-conforming
+- storybook
+
+#### Hoe doe je dit bijvoorbeeld
+
+Er zijn hiervoor scripts beschikbaar in de Candidate repository: `scripts/create-package.sh` en `scripts/create-stories.sh`. Deze kun je in je terminal draaien, waarbij je kunt aangeven om welke component het gaat etc. Op basis hiervan worden template bestanden en mapjes aangemaakt die je in de volgende stappen kunt vullen.
+
+```shell
+scripts/create-package.sh css button "Biedt de mogelijkheid om een actie uit te voeren." "Provides the ability to perform an action."
+scripts/create-package.sh react button "Biedt de mogelijkheid om een actie uit te voeren." "Provides the ability to perform an action."
+scripts/create-package.sh docs button "Biedt de mogelijkheid om een actie uit te voeren." "Provides the ability to perform an action."
+scripts/create-package.sh tokens button "Biedt de mogelijkheid om een actie uit te voeren." "Provides the ability to perform an action."
+scripts/create-stories.sh storybook button
+scripts/create-stories.sh storybook-non-conforming button
+scripts/create-stories.sh storybook-test button
+```
+
+Maak een PR aan gebruik hierbij de volgende opzet:
+
+- **Commit Message**: `docs: candidate packages and stories for {naam-component}`
+- **Branch**: `docs/candidate-packages-and-stories-for-{naam-component}`
+
 ### Verzamel alternatieve namen voor de component
 
 Diverse design systems, Developers en Designers gebruiken verschillende woorden om hetzelfde component mee aan te duiden. Tijdens de Help Wanted fase is de naam van de component bepaald, maar door keywords en aliassen toe te voegen kan de component ook op de namen die we zelf niet gebruiken gevonden worden. Voor de componenten is er op Slack een uitgebreide lijst 'Component Keywords & Aliassen' waar we deze in eerste instantie in verzamelen.
 
 #### Hoe kun je dit bijvoorbeeld doen?
 
-- Maak een Canvas aan
-- Maak een nieuwe Mentimeter wordcloud aan voor de component.
-- Haal input op bij Designers en Developers uit de community door te vragen hoe zij de component ook wel noemen.
-- Voeg de uitkomsten aan de canvas toe aan de kolom met 'Keywords' en noteer achter elk woord hoevaak deze werd genoemd.
+Verzamel input:
+
+- Verzamel de huidige keywords voor deze component. Deze vind je in het Slack Canvas "[Component Keywords & Aliassen](https://codefornl.slack.com/docs/T68FXPFQV/F07BH78SAFP)" of in de keywords van de detail pagina van deze component in de documentatie repository. Noteer de resultaten in een comment in de issue.
+- Haal input op bij Designers en Developers uit de community door te vragen hoe zij de component ook wel noemen. Bijvoorbeeld middels een Mentimeter WordCloud quiz tijdens een Open Hour. Noteer de resultaten in een comment in de issue.
+- Verzamel welke keywords en andere gebruikte woorden voorkomen in het vakgebied. Je vind relevante bronnen in het Slack Canvas "[Inspiratie- en referentiebronnen voor componenten](https://codefornl.slack.com/docs/T68FXPFQV/F0AEQ1Q0WBS)". Noteer de resultaten in een comment in de issue.
+
+Maak een voorstel:
+
+- Combineer de resultaten in en tel op hoevaak ze voorkomen.
 - Selecteer de 0 tot 5 meest genoemde keywords en voeg deze toe aan de kolom met 'Aliassen'. Nummer de lijst op volgorde van meest naar minst vaak genoemd.
-- Zijn er duidelijk veelgebruikte alternatieven die ook als je een zoekmachine (google) gebruikt tot resultaten leiden? Ga dan verder met het toevoegen van de Aliassen.
+- Zijn er duidelijk veelgebruikte keywords die ook als je een zoekmachine (Google) gebruikt tot resultaten leiden? Neem deze ook op in Aliassen.
+- Stem met Design System Lead af.
+
+Verwerk de uitkomsten:
+
+- Voeg de uitkomsten aan de canvas toe aan de kolom met 'Keywords' en noteer achter elk woord hoevaak deze werd genoemd.
+- Voeg de uitkomsten aan de canvas toe aan de kolom met 'Aliassen' genummerd van meest naar minst vaak genoemd.
 
 ### Voeg de meest gebruikte alternatieven toe aan de component pagina in de candidate repository
 
-- Voeg een bestand genaamd aliases.md toe binnen de docs folder van de component. Deze folders vind je binnen de docs folder van de Candidate repository in GitHub. :new: Bestaat deze folder nog niet? Bekijk hoe je deze aanmaakt en wat er in moet komen te staan in .
-- Voeg de aliassen toe aan het bestand. Gebruik hiervoor de volgende opzet:
+- Voeg de aliassen toe aan het bestand `aliases.md` in de component docs package in de Candidate repository in GitHub. Gebruik hiervoor de volgende opzet:
 
 ```md
 <!-- @license CC0-1.0 -->
@@ -48,8 +93,6 @@ Maak een PR aan gebruik hierbij de volgende opzet:
 - **Commit Message**: `docs: candidate aliases for {naam-component}`
 - **Branch**: `docs/candidate-aliases-for-{naam-component}`
 
-Geef een Developer uit het kernteam via Slack een seintje dat deze klaar staat.
-
 ### Voeg de aliassen toe aan de keywords op de component pagina in de documentatie repository
 
 Dat kan in de metadata bovenin het bestand.