NL Design System FAQs

Question 1

What is the NL Design System skill for Claude?

Accepted Answer

It is a specialized capability that enables Claude to guide developers in building Dutch government websites using standardized UI components, design tokens, and accessibility best practices.

Question 2

How does it help with accessibility (WCAG)?

Accepted Answer

The skill follows NLDS standards which have WCAG 2.1 AA compliance built into every component, providing code snippets that prioritize semantic HTML and ARIA attributes.

Question 3

Does this skill support specific JavaScript frameworks?

Accepted Answer

Yes, it provides implementation patterns for framework-agnostic Web Components as well as specific guidance for React, Angular, and Vue implementations.

Question 4

Can I use it for different municipal themes?

Accepted Answer

Yes, the skill understands the token architecture for various themes including Rijksoverheid, Amsterdam, Utrecht, Den Haag, and Logius (DigiD).

Question 5

What are the three layers of tokens it supports?

Accepted Answer

It supports the standard NLDS architecture: Brand tokens (org-specific), Common tokens (semantic mapping), and Component tokens (specific element styling).

NL Design System

Key Features

Use Cases

NL Design System

Key Features

Use Cases