让开源，少一点语言距离。
npm包中文文档

@croquiscom/pds

中文文档
17.0.1发布于 2026/11/04MITTypeScriptESM + CJS近 30 天下载 6568

Zigzag伙伴中心的设计系统

中文使用文档
中文原文
文档目录7 节
  1. {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF…
  2. 📖
  3. 爱尔
  4. Claude 代码技能
  5. {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF…
  6. 👥
  7. AI(에이전트) 기여자

npm version

政务司

伙伴设计系统 {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢

npm install @croquiscom/pds @emotion/react @emotion/styled react react-dom

import { Button } from '@croquiscom/pds';

<Button kind='primary' size='medium'>
  저장
</Button>;

📖

  • 시작하기 - 설치 및 (故事本)
  • 大赦国际 - 아래 섹션

爱尔

Claude 代码技能

(原始内容存档于2019-09-31) (英语). PDS QQ .claude/skills/pds에.

说吧

  • .claude {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
  • PDS_SKIP_CLAUDE_SKILLS=true {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢

校对:Soup

npx pds-install-skills

说吧

export PDS_SKIP_CLAUDE_SKILLS=true
yarn add @croquiscom/pds

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢

👥

PDS 개발에 **개발자**를.

AI(에이전트) 기여자

PDS QQ AI QQ (Claude Code, Codex QQ) QQ : 다음을:

src/ai-skills/SKILL.md는 PDS++++++ {\FN黑体\FS22\BORD1\SHAD0\3AHBE\4AH00\FSCX67\FSCY66\2CHFFFFFF\3CH808080}我还得说.

版本与发布记录

@croquiscom/pds 共发布 643 个版本，首次发布于 2022/09/14；过去 12 个月发布了 92 个版本。

版本发布日期距今
17.0.1latest2026/11/046 天前
17.0.02026/11/028 天前
16.71.02026/10/2813 天前
16.70.02026/10/1526 天前
16.69.02026/09/301 个月前
16.68.22026/09/211 个月前

其他发布通道：alpha → 3.10.0-alpha.6，rc → 16.0.0-rc.2，next → 16.45.0-next.0，snapshot-worktree-cpfe-17976-typography-h8613c193 → 16.58.1-snapshot-worktree-cpfe-17976-typography-h8613c193.27111582306.1，snapshot-feature-cpfe-18444-h8ad8824a → 16.65.2-snapshot-feature-cpfe-18444-h8ad8824a.31475932770.1，snapshot-joe-cpfe-18444-sync-main-formfield-hef84e93a → 16.65.4-snapshot-joe-cpfe-18444-sync-main-formfield-hef84e93a.31776720371.1。

关于 @croquiscom/pds 的常见问题

@croquiscom/pds 是什么？

Zigzag伙伴中心的设计系统

如何安装 @croquiscom/pds？

在项目目录运行 npm install @croquiscom/pds，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^18 || ^19）、react-dom（^18 || ^19）、@emotion/react（^11.4.0）、@emotion/styled（^11.3.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。它还提供命令行工具 pds-install-skills，可以用 npx pds-install-skills 直接运行。

@croquiscom/pds 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

@croquiscom/pds 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require() 都可以使用，打包工具会自动选择合适的版本。

@croquiscom/pds 需要什么版本的 Node.js？

package.json 的 engines 字段要求 Node.js >=20.0.0。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

@croquiscom/pds 可以商用吗？

@croquiscom/pds 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

@croquiscom/pds 的下载量有多少？

根据 npm 官方下载统计，@croquiscom/pds 在 2026/10/11 – 2026/11/09 这 30 天内被下载 6,568 次，日均约 219 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

@croquiscom/pds 还在维护吗？

最新版本 17.0.1 发布于 2026/11/04（6 天前）；至今共发布 643 个版本，其中过去 12 个月发布了 92 个；首次发布于 2022/09/14。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。