sdl-design

SDL 公司级设计规范 Skill，用于 Cursor / AI 助手：根据项目设计规范生成设计稿或符合项目风格的页面代码。

适用用户

• 设计师：无项目代码时，可依据各项目 skill 内的设计规范与页面示例，自动生成符合该项目的设计稿。
• 前端开发：可依据当前项目的设计说明与示例，在没有设计稿的情况下自动生成符合项目风格的页面与组件。

包含内容

• sdl-design 路由（根目录 SKILL.md）：识别项目（generation-ai / hsylc-web 等），并引导使用对应项目 skill。
• generation-ai：Generation-AI（ai）项目设计规范与页面示例。
• hsylc-web：峰会官网（峰会 / hsylc）设计规范与页面示例，表单以 FormRe 为准。

安装

npm install @summer_dream_lab/sdl-design

使用（Cursor Skills）

安装后，将本包中的 skill 目录接入 Cursor 的 skills 配置即可使用：

1. 找到本包所在目录（如 node_modules/@summer_dream_lab/sdl-design）。
2. 将该目录整体复制或链接到你的 Cursor skills 目录下，例如：
   • 全局：~/.cursor/skills/sdl-design
   • 或你当前使用的同步/配置目录中的 skills/sdl-design。
3. 确保目录内包含根级 SKILL.md 以及子目录 generation-ai、hsylc-web（含各自 SKILL.md 与 examples/ 等）。

接入后，在 Cursor 中提及「generation-ai / ai 设计」「峰会 / hsylc 设计」等，即可由对应 skill 提供设计规范与示例。

版本与发布

• 版本号见 package.json 的 version。
• 发布到 npm：在 sdl-design 目录下执行 npm publish（需已 npm login 且对包名有权限）。

License

MIT