Figma to Vue3 | Agent Skills Atlas

About this skill

解析 Figma 链接并以 Vue 3 对界面进行 1:1 还原:先输出结构/布局/样式蓝图,用户确认后生成 Vue 3 代码。用户提供 Figma URL 且希望按图实现 UI 时调用。

Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.

Review, license & listing details

Review the source before using this skill

This is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.

Automated security scan: Partial

Only SKILL.md was scanned. Supporting files and scripts were not checked. No safety grade has been assigned.

0 potential findings · Scanned 11/4/2026 · Scanner 0.2.1

Content SHA-256: 55ca2a9eac065456be7cb4fd55a544cf4bd7d478d39d0ecf18f131e6b41ab67f

Original listing metadata

figma-to-vue3

解析 Figma 链接并以 Vue 3 对界面进行 1:1 还原：先输出结构/布局/样式蓝图，用户确认后生成 Vue 3 代码。用户提供 Figma URL 且希望按图实现 UI 时调用。

Category: General
Reported license: Not specified
Listing language (estimated): Chinese
Review status: Not individually reviewed
Agent compatibility: Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.