$askskill.ai
推荐
$ ~/bundles/design-asset-catalog-kit
编辑推荐

设计资产命名与入库工具包

从设计源头取名、抽取组件元数据、接入设计系统运行时,再到入库验收,一套把资产整理清楚的组合。

// by 小编2 项🎓 2 技能 · 🔌 0 MCP
复制全部安装提示词

这组资产适合处理设计资产命名不统一、组件资料分散、入库后难检索的问题。

  • figma 把设计稿里的节点、组件和上下文先拉齐,减少命名口径偏差。
  • Component Library MCP 扫描现有前端项目,抽取组件元数据,补齐“库里到底有什么”。
  • design-system-mcp 把真实组件、图标和设计令牌接成可调用运行时,让入库不只是登记名称,而是连同规范一起沉淀。
  • component-fixtures 为关键组件建立截图测试夹具,给入库后的验收、回归和维护加一道保险。

整体上,它更像一条从设计命名 → 组件归档 → 设计系统接入 → 入库验收的轻量工作流,适合团队把设计资产管理做得更规范、可查、可持续。

// 包含的资产

技能
23k

figma

连接 Figma 获取设计上下文与资源,并将节点高效转换为生产代码。

OpenAI

小编点评从 Figma 获取节点与设计上下文,适合作为命名规范和资产归档的源头依据。

技能
188k

component-fixtures

帮助开发者创建和维护组件截图测试夹具,并优化组件的可测试性。

microsoft

小编点评为组件建立截图测试夹具,帮助入库后的验收、回归和长期维护更可靠。