前言¶
在开发流程中，设计师交付的图片或 PDF 设计稿往往只有视觉表现，缺少可直接阅读的文本规格说明。开发团队需要手工将关键尺寸、颜色、字体等信息从图中提取并整理成开发可用的文档，这个过程容易遗漏且重复。设计稿规格提取器通过解析设计稿中的视觉元素，将其转化为结构化的规格说明，减少手工整理的工作量。
是什么¶
design-spec-extractor 是一个由社区开发者 user_5b12983f 维护的 Skill，用于从设计稿中自动提取设计规格说明。它属于 design-media 分类，当前版本为 1.1.1，需要通过 API Key 使用。SkillHub 评分 100000，下载量 555，安装次数 4，requires_api_key=false（标签信息）。
核心功能¶
- 解析设计稿中的视觉元素，提取尺寸、颜色、字体等关键信息
- 将提取的信息结构化输出为规格说明文档
- 支持常见设计文件格式
安装与启用¶
通过以下命令安装：
skillhub install design-spec-extractor
安装后需通过 API Key 启用。Skill 会在 Cursor / Codex CLI / Claude Code 环境中作为可用 Skill 调用。
典型用法¶
使用时需提供设计稿文件路径和必要的配置参数，Skill 会返回结构化的规格说明文档。
适用场景与注意¶
- 适合需要快速将设计稿转化为开发规格说明的团队
- 适合需要从设计稿中提取关键参数进行开发参考的场景
- 注意：当前版本简介未提供完整参数列表，使用前建议查阅官方文档
总结¶
design-spec-extractor 帮助开发团队从设计稿中快速提取结构化的规格说明，减少手工整理的工作量。官方地址：https://api.skillhub.cn/user_5b12983f/design-spec-extractor
