multica-artifact-ui-sync git:20260910.8db057cA

Immutable. This exact content is served forever at /api/v1/blob/fb4aa586aaaa176e.

---
name: multica-artifact-ui-sync
description: 把 UI / 交互设计产物对接到设计协作平台（默认 Figma）。用于 @Designer 上传视觉稿、取回链接与标注，供前端下游消费。平台可替换。
---

# Artifact · UI Design Sync

## Purpose

把 UI 设计产物落地到团队统一的设计协作平台，并让下游（前端）用稳定方式取回。

> 本 skill 把「平台对接」与「角色提示词」解耦：角色提示词只说"产出 UI 设计"，不关心平台。换公司（用 Zeplin / 蓝湖 / MasterGo 等）只改本 skill，不动 @Designer 提示词。

## 默认平台：Figma

- 产出：Figma 文件链接 + 标注（颜色 / 间距 / 字号 / 组件）+ 切图 / 导出。
- 上传：在 Figma 内完成设计后，把**文件链接**与**关键 Frame 链接**作为产物引用。
- 取回：下游 @FrontendDev 通过链接读取，链接即稳定引用，不依赖本地文件。

## 产物内容规范（与角色解耦的部分）

无论平台是什么，UI 产物至少包含：
- 页面 / 模块结构（与 PRD 信息架构对齐）
- 状态：空态、加载态、异常态、无权限态
- 交互：入口、跳转、校验反馈
- 标注：尺寸、间距、色值、字体、组件边界

## 用法（角色侧只写这一句）

> @Designer：「产出 UI 设计，用 `multica-artifact-ui-sync` skill 落地到团队设计平台，并把链接回传给 Leader。」

## 替换平台（不改角色提示词）

把本 skill 的「默认平台」段替换为你们的工具（蓝湖 / Zeplin / MasterGo / 内部设计库），保持「上传 + 回传稳定链接」接口不变即可。

## 为什么有效

平台在团队间差异极大，把平台名写进角色提示词会固化它；下沉到 skill 后，角色保持「产出什么内容」的稳定描述，平台随 skill 替换。