# @croquiscom/pds 中文文档 规范地址：https://npmcn.com/package/%40croquiscom/pds/ 版本：17\.0\.1 npm 元数据更新时间：2026-11-04T02:11:10.586Z 中文译文更新时间：2026-11-11T01:16:55.029Z 软件包许可：MIT 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40croquiscom/pds 原文对照：https://npmcn.com/package/%40croquiscom/pds/?lang=original 项目主页：https://github.com/croquiscom/pds#readme 源码仓库：https://github.com/croquiscom/pds ## 关键信息（来自 npm 元数据） - 包体积（解压后）：44.7 MB，1400 个文件 - 模块格式：ESM + CJS - TypeScript 类型：包内自带 - Node.js 要求：\>=20\.0\.0 - 运行依赖：18 个 - peer 依赖：react ^18 \|\| ^19，react-dom ^18 \|\| ^19，@emotion/react ^11\.4\.0，@emotion/styled ^11\.3\.0 - 首次发布：2022-09-14T12:21:08.172Z - 最新版本发布：2026-11-04T02:11:10.369Z - 近 30 天下载量：6568（2026-10-11 至 2026-11-09，npm 官方下载统计） - 已发布版本数：643（近 12 个月 92 个） ## 中文简介 Zigzag伙伴中心的设计系统 ## 安装 ```sh npm install @croquiscom/pds ``` 也可以使用：`pnpm add @croquiscom/pds`、`yarn add @croquiscom/pds`、`bun add @croquiscom/pds` ## README [![npm version](https://badge.fury.io/js/@croquiscom%2Fpds.svg)](https://badge.fury.io/js/@croquiscom%2Fpds) # 政务司 **伙伴设计系统** {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 ## {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 ```bash npm install @croquiscom/pds @emotion/react @emotion/styled react react-dom ``` ```tsx import { Button } from '@croquiscom/pds'; ; ``` ## 📖 - **[시작하기](https://storybook.kakaostyle.in/master/pds/?path=/docs/intro)** - 설치 및 (故事本) - **大赦国际** - 아래 섹션 ## 爱尔 ### 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** ```bash npx pds-install-skills ``` **说吧** ```bash export PDS_SKIP_CLAUDE_SKILLS=true yarn add @croquiscom/pds ``` ## {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 - **图片**数字 : [https://www.figma.com/design/wywk2ryXpfBhqmT7gCLqA3/PDS-1.0.0](https://www.figma.com/design/wywk2ryXpfBhqmT7gCLqA3/PDS-1.0.0) - **故事书**数字 : [https://storybook.kakaostyle.in/master/pds/ 互联网档案馆的存檔,存档日期2014-12-21](https://storybook.kakaostyle.in/master/pds/) - **GitHub 图像**数字 : [https://github.com/croquiscom/pds (中文(简体) )](https://github.com/croquiscom/pds) - **无**联合国 ## 👥 PDS 개발에 \*\*[개발자](https://github.com/croquiscom/pds/blob/main/docs/README.md)\*\*를. ### AI(에이전트) 기여자 PDS QQ AI QQ (Claude Code, Codex QQ) QQ : 다음을: - **[`docs/ai-contribution-guide.md`](https://npmcn.com/package/%40croquiscom/pds/docs/ai-contribution-guide.md)** -=YTET -伊甸园字幕组=- 翻译:. > `src/ai-skills/SKILL.md`는 **PDS++++++** {\\FN黑体\\FS22\\BORD1\\SHAD0\\3AHBE\\4AH00\\FSCX67\\FSCY66\\2CHFFFFFF\\3CH808080}我还得说. ## 常见问题 ### @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 和提交记录判断。