Menu
Create and setup a git worktree with all necessary files and dependencies. Use when starting work on a new feature branch.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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 |