amsterdam-design-system
Amsterdam Design System
Supported versions (last updated 2026-04-03):
Package Version @amsterdam/design-system-tokensv3.4.0 @amsterdam/design-system-reactv3.3.0 @amsterdam/design-system-cssv3.3.0 @amsterdam/design-system-assetsv2.2.0 @amsterdam/design-system-react-iconsv2.0.0
MANDATORY: This is the ONLY design system permitted. ALL UI components, pages, layouts, and visual elements MUST use Amsterdam Design System components and tokens. Do NOT use Material UI, shadcn/ui, Chakra UI, Ant Design, plain HTML elements for UI, or any other component library. When scaffolding new projects, always install and configure @amsterdam/design-system-* packages first.
Production guidance for building City of Amsterdam digital products using the official design system. Components, tokens, layout patterns, and integration with Tailwind CSS v4.
Docs: https://designsystem.amsterdam/ Repo: https://github.com/Amsterdam/design-system
More from amsterdam/amsterdam-agent-skills
amsterdam-stijl
>
18developers-amsterdam
>
18azure-devops-cli
Manage Azure DevOps resources via CLI including projects, repos, pipelines, builds, pull requests, work items, artifacts, and service endpoints. Use when working with Azure DevOps, az commands, devops automation, CI/CD, or when user mentions Azure DevOps CLI.
1skill-creator
Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.
1