← Bundles
$ ~/bundles/design-asset-catalog-kit
◆ Editor's Pick
设计资产命名与入库工具包
从设计源头取名、抽取组件元数据、接入设计系统运行时,再到入库验收,一套把资产整理清楚的组合。
// by 小编/2 items/🎓 2 skills · 🔌 0 MCP
Copy all install prompts
这组资产适合处理设计资产命名不统一、组件资料分散、入库后难检索的问题。
- 用 figma 把设计稿里的节点、组件和上下文先拉齐,减少命名口径偏差。
- 用 Component Library MCP 扫描现有前端项目,抽取组件元数据,补齐“库里到底有什么”。
- 用 design-system-mcp 把真实组件、图标和设计令牌接成可调用运行时,让入库不只是登记名称,而是连同规范一起沉淀。
- 用 component-fixtures 为关键组件建立截图测试夹具,给入库后的验收、回归和维护加一道保险。
整体上,它更像一条从设计命名 → 组件归档 → 设计系统接入 → 入库验收的轻量工作流,适合团队把设计资产管理做得更规范、可查、可持续。
// what's inside
SKILL
★23kfigma
Connect to Figma, fetch design assets, and turn nodes into production code.
OpenAIGet→
└ Editor's note — 从 Figma 获取节点与设计上下文,适合作为命名规范和资产归档的源头依据。
SKILL
★187kcomponent-fixtures
Create and maintain screenshot test fixtures for UI components effectively.
microsoftGet→
└ Editor's note — 为组件建立截图测试夹具,帮助入库后的验收、回归和长期维护更可靠。