amsterdam-design-system

amsterdam-design-system is a Design systems & theming skill for AI agents, published by Amsterdam in the amsterdam-agent-skills repository on GitHub. Skillspace rates amsterdam-design-system D (58/100) and it passed the safety scan; the rating is based on static analysis only.

Mandatory for all Gemeente Amsterdam UI work. Use for pages, layouts, forms, dashboards, landing pages, React/JSX/TSX components, styling, theming, scaffolding frontend projects, or any visual interface. Covers @amsterdam/design-system-react, CSS tokens (--ams-*), BEM CSS with ams- prefixes, 4/8/12-column Grid, Spacious and Compact modes, and Tailwind CSS bridge patterns. Prefer this over generic UI libraries such as Material UI, shadcn, Chakra, Ant Design, or plain custom HTML/CSS.

Grade
D
Quality
58 / 100
Safety
Passed
GitHub stars
24

Unproven: rated by static analysis only, not yet compared head-to-head.

This rating describes the version of the repository we crawled; it may have changed since, so go by its current files.

View source on GitHubAmsterdam/amsterdam-agent-skills

Our review

Architecture
66 / 100
Maturity
Structured: ships references or scripts
Security scan
Low-risk patterns
License
EUPL-1.2
Adoption
Adopted by 0 other repositories, in 0 collections

What the scanner flagged

  • mentions secrets in text

Not checked yet

  • Not judged on the rubric yet (not a contender in its category)
  • No blind task eval yet
  • Scope (portable / vendor / repo-internal) not assessed; only the top of each category is read for scope
  • Sibling files (scripts, references) not fetched; security scan covers SKILL.md only

Better-rated skills in Design systems & theming

Skillspace indexes and rates this skill; it does not host or endorse it. Run third-party skills at your own risk.