it235 Artifact · UI Design Sync
Purpose
Land UI design artifacts to the team's unified design platform and let downstream (frontend) retrieve them via a stable reference.
This skill decouples "platform integration" from "role prompt": the role prompt only says "produce UI design", not which platform. Changing companies (Zeplin / 蓝湖 / MasterGo) means editing only this skill, not the @Designer prompt.
Default platform: Figma
- Output: Figma file link + annotations (color / spacing / font / components) + exports.
- Upload: complete the design in Figma, then use the file link and key Frame links as the artifact reference.
- Retrieve: downstream @FrontendDev reads via the link — the link is the stable reference, no local file dependency.
Content spec (platform-independent part)
Regardless of platform, the UI artifact at least contains:
- Page / module structure (aligned to PRD information architecture)
- States: empty, loading, error, no-permission
- Interaction: entry, navigation, validation feedback
- Annotations: size, spacing, color values, font, component boundaries
Usage (role side writes only this line)
@Designer: "Produce UI design, land it via
multica-design-ui-implskill to the team design platform, and return the link to the Leader."
Swap platform (no role-prompt change)
Replace this skill's "default platform" section with your tool (蓝湖 / Zeplin / MasterGo / internal design library), keeping the "upload + return stable link" interface unchanged.
Why it works
Platforms differ greatly across teams; hard-coding the platform name into the role prompt freezes it. Sinking it into the skill keeps the role's "what to produce" description stable while the platform swaps with the skill.