Menú
Create and setup a git worktree with all necessary files and dependencies. Use when starting work on a new feature branch.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Bouw applicaties met de web components van het NLDD Design System (@nldd/design-system, Nederlandse Digitale Dienst, Rijksoverheid). Triggers: @nldd/design-system, 'nldd-' tags, vragen over layout, sheets, popovers, modals, formulieren, toegankelijkheid, CSS-tokens of upgraden van dit systeem. NIET voor het ontwikkelen van het design system zelf (daarvoor: /component, /css).
Conventies voor translation keys (i18n microcopy)
Implementeer een Lit + TypeScript web component
Bewerk CHANGELOG.md — voeg release-notes/entries toe boven de laatste versie. Gebruik bij "changelog bijwerken", "release-notes schrijven", of het noteren van wijzigingen die semantic-release niet uit de commits haalt. Legt vast welke
CSS-conventies voor design-system componenten — MECE breakpoints (expliciet per breakpoint, geen mobile-first overrides), at-rule nesting, lokale variabelen, comments
Manage multiple Storybook instances across worktrees. Use when starting, stopping, or checking status of Storybook dev servers.
| name | worktree |
| description | Create and setup a git worktree with all necessary files and dependencies. Use when starting work on a new feature branch. |
| user-invocable | true |
| argument-hint | <branch-name> |
Maakt een nieuwe git worktree aan met alle benodigde configuratie voor development.
/worktree feat/my-feature
git worktree add .worktrees/<branch-name> -b <branch-name>
Of voor een bestaande branch:
git worktree add .worktrees/<branch-name> <branch-name>
Vereiste bestanden:
| Bestand | Doel |
|---|---|
.env | Environment variables |
.claude/settings.local.json | Claude Code lokale permissies |
# Kopieer .env
cp .env .worktrees/<branch-name>/
# Kopieer .claude folder (voor settings.local.json)
cp -r .claude .worktrees/<branch-name>/
cd .worktrees/<branch-name>
npm install
npm run build:styles
npm run build
# Check dat alles werkt
npm run sb:start
npm run sb:status
BRANCH="feat/my-feature" && \
git worktree add .worktrees/$BRANCH -b $BRANCH && \
cp .env .worktrees/$BRANCH/ && \
cp -r .claude .worktrees/$BRANCH/ && \
cd .worktrees/$BRANCH && \
npm install && \
npm run build
# Verwijder worktree
git worktree remove .worktrees/<branch-name>
# Of forceer verwijdering bij uncommitted changes
git worktree remove .worktrees/<branch-name> --force
Wanneer je in een worktree nieuwe permissies toekent, voeg deze ook toe aan de hoofdfolder (niet kopiëren - anders overschrijf je permissies van andere worktrees):
# Bekijk nieuwe permissies in worktree
cat .worktrees/<branch-name>/.claude/settings.local.json
# Voeg handmatig toe aan hoofdfolder .claude/settings.local.json
# OF merge met jq:
jq -s '.[0] * .[1]' .claude/settings.local.json .worktrees/<branch-name>/.claude/settings.local.json > .claude/settings.local.json.tmp && mv .claude/settings.local.json.tmp .claude/settings.local.json
.worktrees/ folder.env gekopieerd.claude/ folder gekopieerd (voor lokale permissies)npm install uitgevoerdnpm run build geslaagdnpm run sb:start)| Probleem | Oplossing |
|---|---|
| Permission denied errors | Check of .claude/settings.local.json is gekopieerd |
| Build faalt | Run npm install eerst |
| Port conflict bij Storybook | Gebruik npm run sb:status om poorten te checken |