$askskill.ai
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
23k

figma

Connect to Figma, fetch design assets, and turn nodes into production code.

OpenAIGet

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

SKILL
187k

component-fixtures

Create and maintain screenshot test fixtures for UI components effectively.

microsoftGet

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