# Multica Artifact Ui Sync

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

- **Type:** Skill
- **Install:** `agentstack add skill-it235-multica-best-practices-multica-artifact-ui-sync`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [it235](https://agentstack.voostack.com/s/it235)
- **Installs:** 0
- **Category:** [Content & Media](https://agentstack.voostack.com/c/content-and-media)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [it235](https://github.com/it235)
- **Source:** https://github.com/it235/multica-best-practices/tree/main/templates/zh_CN/skills/multica-artifact-ui-sync

## Install

```sh
agentstack add skill-it235-multica-best-practices-multica-artifact-ui-sync
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# 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 替换。

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [it235](https://github.com/it235)
- **Source:** [it235/multica-best-practices](https://github.com/it235/multica-best-practices)
- **License:** MIT

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-it235-multica-best-practices-multica-artifact-ui-sync
- Seller: https://agentstack.voostack.com/s/it235
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.