Token导航 LogoToken导航

Agent Skill · 前端设计

developers-amsterdam(阿姆斯特丹开发商)

developers-amsterdam 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

developers-amsterdam 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为接触敏感数据;许可证信息还不明确,第三方扫描已通过,按安装量在前端设计类的 10,216 个 Skill 里排第 9,208。

总安装 225周安装 9GitHub Stars 20下载 73核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:developers-amsterdam(阿姆斯特丹开发商)
来源仓库:https://github.com/amsterdam/amsterdam-agent-skills
仓库路径:skills/developers-amsterdam
安装命令:
npx skills add https://github.com/amsterdam/amsterdam-agent-skills --skill developers-amsterdam
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/amsterdam/amsterdam-agent-skills --skill developers-amsterdam

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

developers-amsterdam 强制执行阿姆斯特丹市政府工程标准,涵盖技术栈选择、架构模式和代码规范约束。所有新项目必须从第一天起应用既定标准,禁止在未获批准情况下引入非认证框架或数据库方案。提供工程赋能门户作为唯一参考来源,确保政策一致性和合规审计可追溯性。

模糊需求时必须主动澄清边界条件,避免因假设偏差导致后续返工或标准冲突。该技能仅作决策依据不替代具体实现,实际编码仍需参照官方文档完成细节落地。

来源仓库内路径:skills/developers-amsterdam

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/amsterdam/amsterdam-agent-skills --skill devel…;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要接触敏感数据,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

developers-amsterdam 怎么安装?

在终端执行 npx skills add https://github.com/amsterdam/amsterdam-agent-skills --skill developers-amst…。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

developers-amsterdam 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

developers-amsterdam 需要什么权限?

权限级别是接触敏感数据。该 Skill 可能接触密钥、Token、环境变量或敏感配置,应进入高风险复核队列,默认不自动发布。

developers-amsterdam 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

developers-amsterdam 用的人多吗?

公开数据是累计安装 225 次,近一周安装 9 次,下载 73 次,GitHub 20 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

developers-amsterdam 安全吗?

第三方扫描结果为通过,但这只覆盖已知的静态检查项,不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 需要接触敏感数据,装到常用环境前要先评估影响面。
  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

  • 环境里有大量密钥、凭证,不方便给第三方 Skill 读取的人。
  • 需要明确授权才能用到公司项目里的场景。
  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
developers-amsterdam

阿姆斯特丹开发商 · 本页

22520接触敏感数据未明确通过

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

City of Amsterdam Engineering Standards

MANDATORY: ALL architecture, tech stack, and engineering decisions MUST follow these standards. Do NOT recommend frameworks, databases, or patterns outside the approved list without explicit user approval. When setting up new projects, always apply these standards from day one.

Development standards for all Gemeente Amsterdam projects, maintained by Engineering Enablement.

Portal: https://developers.amsterdam/ Source: https://github.com/Amsterdam/development-standards License: CC0 1.0 Universal

Clarify Before Building

When the user's request is vague (e.g., "build me an API", "set up a new project", "create a service"), ask before assuming. Surface these decision gates — they map to the picker tables below:

DecisionOptionsWhy it matters
Backend languagePython (Django or FastAPI) or Node.js (TypeScript + NestJS)Determines entire stack, test framework, and project structure
Python frameworkDjango (standard) or FastAPI (async/high-perf)Different project layout, ORM, and testing patterns
Project structureSingle package or pnpm monorepoMonorepo if sharing code across apps; single if one deployable
DatabasePostgreSQL (default), PostGIS (geo), Cosmos DB (documents)Affects Docker setup, migrations, and connection patterns
Full-stack or API-onlyNext.js/React Router (full-stack) or API-only backendDetermines whether frontend scaffolding is needed
Git workflowGitLab Flow, Git Flow, or Trunk-basedTrunk-based requires mature CI/CD; Git Flow for release trains

Don't ask all at once. Pick the 1-2 questions that the prompt leaves genuinely ambiguous. If the user says "FastAPI service" → Python + FastAPI + API-only are all implied, just clarify structure and database if needed.

Quick Decision Tables

Language & Framework Picker

NeedChooseNotes
Backend API (standard)Python + DjangoDefault choice for most projects
Backend API (high-perf / async)Python + FastAPIWhen async or performance is critical
Backend API (JS ecosystem)Node.js + TypeScript + NestJSWhen team expertise is JS-heavy
Frontend appTypeScript + ReactAlways TypeScript for new projects
Full-stack appNext.js or React RouterWith Amsterdam Design System
MobileReact NativeIntegrated into Amsterdam App platform
Low-codeMendixFor citizen-facing simple apps
MapsLeafletSee maps.developers.amsterdam
Package managerpnpmDefault for all Node.js/TypeScript projects

Database Picker

NeedChoose
Standard RDBMSPostgreSQL
Geospatial dataPostgreSQL + PostGIS
Document storeAzure Cosmos DB or MongoDB
Legacy/migrationMicrosoft SQL Server

Repo Requirements Checklist

RequirementMandatory
Hosted in City of Amsterdam GitHub orgYes
Public repositoryYes (except IaC = private)
CODEOWNERS file with team nameYes
README with template sectionsYes
EU-PL v1.2 licenseYes
Branch protection on develop and mainYes
Commit signing (GPG or SSH)Yes
CI/CD pipelineYes
ADRs for architecture decisionsYes
ChangelogYes

Test Framework Picker

ContextFrameworkCoverage Target
Frontend unit/integrationJest or Vitest + React Testing Library70%
Frontend snapshotsJest or Vitest + react-test-renderer—
Frontend E2E/regressionPlaywright or Cypress—
Frontend API mockingMSW or Mirage JS—
Backend (Django)Django test framework80%
Backend (FastAPI)pytest80%

Git Workflow

Branch Model

  • main — stable, production-ready code
  • develop — integration branch, set as default branch
  • Recommended: GitLab Flow, Git Flow, or Trunk-based (latter requires CI/CD)

Branch Naming

Pattern: <type>/<ticket>-<description>

PrefixUse for
feature/New functionality
chore/Maintenance, refactoring
bugfix/Bug fixes
hotfix/Production emergency fixes
docs/Documentation changes

Examples:

  • feature/PROJ-123-add-user-auth
  • bugfix/PROJ-456-fix-login-redirect
  • hotfix/fix-critical-payment-error

Commit Format

Use Conventional Commits. Title = what changed, description = why.

feat(auth): add SSO integration for employees

Implements SAML-based SSO to replace legacy password login.
Reduces onboarding friction and improves security posture.

Refs: PROJ-789

Rules:

  • Atomic commits (one logical change per commit)
  • Sign commits with GPG or SSH keys (SSH recommended)
  • Never commit: secrets, credentials, PII, generated files, node_modules, local configs

Branch Protection (Required)

  • PR reviews required before merging to develop and main
  • Minimum one approval
  • Cannot be disabled for convenience
Full branch strategy, signing setup, and PR workflow: read references/git-workflow.md

Security Rules (Summary)

#Rule
1Proactive security integration in requirements/design/architecture
2Principle of Least Privilege
3Defense in Depth (multiple security layers)
4Fail-Safe defaults (secure state during failures)
5Minimize Attack Surface
6Do Not Trust Services (validate/sanitize all external data)
7Open Design (security not dependent on secrecy)
8Security by Default
9Separation of Duties
10Keep Security Simple

Required practices:

  • Branch protection rules enabled
  • Public source code (except IaC)
  • Test code before deployment
  • Evaluate third-party dependencies
  • City-standard authentication and monitoring/logging
  • JWT validation per RFC9068 (validate typ, issuer, audience, signature, expiration)
  • HTTPS for all data in transit
  • CSP headers and SRI for fetched resources
Full security checklist with code examples: read references/security-checklist.md

Dependency Evaluation

CriterionCheck
DocumentationQuality, learning curve, examples
LicenseCompatible? (MIT, Apache 2.0, BSD, EUPL = safe)
PerformanceBundle size impact (especially frontend)
SecurityKnown vulnerabilities, patch response time
MaturityProject age, roadmap, release cadence
MaintenanceActive maintainers, commit frequency
AdoptionDownload trends (npm trends, PePy, Packagist)

Reject packages scoring poorly on most criteria. Mixed results = consult team.

Additional frontend requirements:

  • Regular updates and patches
  • Annual reviews for quality, reliability, and necessity
  • Security scanning: GitHub Dependabot, NPM audit, Snyk

Accessibility

Mandatory: WCAG 2.1 AA compliance per the Digital Government Act.

Applies to all government websites, apps, intranets, extranets, cloud apps, and mobile apps.

Key requirements:

  • Support 200% zoom
  • Descriptive link text
  • Screen reader compatible
  • Logical page/focus order, visible focus rings
  • Multimedia captions
  • CSS spacing per WCAG 1.4.12
  • Right-to-left language support

Testing tools: WebAIM WAVE, W3C Markup Validation, Google Lighthouse, VoiceOver, JAWS, TalkBack.

Database Standards

  • PostgreSQL is the default RDBMS for all new projects
  • PostGIS extension for geospatial data
  • Use official Docker images (postgres, postgis/postgis) for local development
  • Match versions with Azure PostgreSQL Flexible Server

Docker Standards

  • Use Docker for containerization in dev, test, and production
  • Base images: well-maintained, specify exact version (never latest tag)
  • Common approved images: Alpine, NGINX, Node.js, PHP, Postgres, Python, Ubuntu
  • Install only necessary packages
  • Specify all dependency versions explicitly
  • Dockerfiles live in the app's GitHub repo
  • Compiled images in Azure Container Registry (ACR)
  • Regular updates (monthly or quarterly minimum)
  • No separate images for different DTAP/OTAP environments
  • No unofficial or uncertified Docker images
  • Use environment variables for sensitive data (never hard-coded)

Package Manager & Project Structure

  • pnpm is the default package manager for all new Node.js/TypeScript projects. npm or yarn require explicit justification (e.g., tooling incompatibility, client constraint)
  • Use corepack enable to pin the pnpm version via packageManager field in package.json

When to Monorepo

SignalStructure
Single deployable app, no shared libsSingle package
Multiple apps sharing code (e.g., frontend + API + shared types)pnpm monorepo
Shared design tokens, UI lib, or config across teamspnpm monorepo
Independent microservices with no shared codeSeparate repos

Monorepo Setup

# pnpm-workspace.yaml
packages:
  - "apps/*"
  - "packages/*"

Standard directory structure:

├── apps/
│   ├── web/              # Next.js frontend
│   └── api/              # Backend service
├── packages/
│   ├── shared/           # Shared types, utils
│   └── config/           # Shared ESLint, TSConfig
├── pnpm-workspace.yaml
├── package.json          # Root with "packageManager" field
└── pnpm-lock.yaml

Cross-package references

// apps/web/package.json
{
  "dependencies": {
    "@project/shared": "workspace:*"
  }
}

Run commands across packages: pnpm -r build, pnpm --filter web dev.

Documentation Requirements

Mandatory for all new repos (since May 2024):

  1. Application overview (purpose)
  2. License: EU-PL v1.2
  3. README (using standard template)
  4. Architecture Decision Records (ADRs)
  5. Changelog with review date
  6. Data processing information
  7. API documentation (endpoints, params, auth, request/response)
  8. Feature list with purposes
README template and ADR template: read references/project-setup-checklist.md

Do / Don't

DoDon't
Use TypeScript for all new frontendUse JavaScript without types
PostgreSQL as default databaseChoose databases without justification
Sign commits with GPG or SSHPush unsigned commits
Require PR reviews before mergeMerge without review
Use EU-PL v1.2 licenseUse other licenses without approval
WCAG 2.1 AA complianceShip inaccessible features
Public repos (except IaC)Private repos without justification
Evaluate dependencies against criteriaAdd packages without evaluation
Docker with pinned version tagsUse latest tag or uncertified images
Security-by-design from day oneBolt on security as afterthought
Conventional Commits formatCommit messages without context
70% frontend / 80% backend coverageSkip tests for production code
Store secrets in Key Vault / env varsHard-code secrets or commit credentials
Document with README, ADRs, changelogLeave repos undocumented
Use pnpm for Node.js/TypeScript projectsUse npm or yarn without justification

Shared Components

ComponentRepository
Amsterdam Design Systemgithub.com/Amsterdam/design-system
BMI DMS Uploadgithub.com/Amsterdam/bmi-dms-upload
Wonen UIgithub.com/Amsterdam/wonen-ui
Mapsmaps.developers.amsterdam

Cross-Skill Boundaries

ConcernThis skillOther skill
Which framework/language to usedevelopers-amsterdam—
How to build UI components—amsterdam-design-system
Text content and tone of voice—amsterdam-stijl

Reference Files

FileRead when...
references/tech-stack.mdChoosing languages, frameworks, or shared components; justifying deviations
references/git-workflow.mdSetting up branches, commit signing, PR workflow, or reviewing Git practices
references/testing-standards.mdSetting up test infrastructure, choosing frameworks, defining coverage targets
references/security-checklist.mdImplementing auth, JWT validation, CSP, Docker security, or reviewing security
references/project-setup-checklist.mdCreating a new repository, writing README/ADRs, setting up licensing

平台分布

Codex

38.62%
按下载量换算28

Claude

30.24%
按下载量换算22

Cursor

18.27%
按下载量换算13

Gemini CLI

9.66%
按下载量换算7

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

接触敏感数据

该 Skill 可能接触密钥、Token、环境变量或敏感配置,应进入高风险复核队列,默认不自动发布。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills