메뉴
从 Figma 下载微信小程序本地图片资源，并确保导出 3x PNG。Use when implementing Figma designs, downloading Figma icons/images, replacing png assets, 设计稿还原, 下图片, 切图, Figma PNG, 3x 图片.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Sync full YApi project data to the current project via token, then extract requested API documentation from local files for git-managed updates. Use when the user asks to read, fetch, sync, or get YApi API documentation, or provides YApi URLs like "https://yapi.example.com/project/{id}/interface/api/{api_id}" or "https://yapi.example.com/project/{id}/interface/api/cat_{cat_id}". Supports both single API URLs and category URLs. Supports multiple YApi projects in one repo under yapi/{project_id}/. Host is parsed from the URL automatically.
Generate git commit messages following Angular Conventional Commit format, written in Chinese with technical terms in English. Use when committing git changes, staging files, or when the user asks for help with commit messages.
Call Feishu document MCP tools to fetch, search, create, update Feishu docs, or manage comments. Use when the user provides Feishu wiki/doc URLs (*.feishu.cn), asks to read/create/update Feishu docs, fetch API docs from Feishu, search Feishu content, or view/add document comments.
基于 Zeplin 设计稿分步新建页面或组件：人工准备切图与 icon、用截图驱动首版布局、再用 Zeplin MCP 核对样式与标注。Use when the user mentions Zeplin, 设计稿还原, 新建页面, 新建组件, 切图, Zeplin MCP, get_screen, 样式核对, or screenshot-based UI implementation.
| name | figma-miniprogram-assets |
| description | 从 Figma 下载微信小程序本地图片资源，并确保导出 3x PNG。Use when implementing Figma designs, downloading Figma icons/images, replacing png assets, 设计稿还原, 下图片, 切图, Figma PNG, 3x 图片. |
用于这个微信小程序项目里从 Figma 下载本地图片资源，尤其是图标类 PNG。
当用户提到以下任一内容时，优先使用这个 Skill：
.png3x 图片asset URLimages/ 目录。3x 导出。get_design_context 返回的 asset URL 直接按 .png 保存；它可能实际返回 SVG 文本。用 Figma MCP 的 get_design_context 获取节点结构和 asset URL。先按工具要求读取 MCP schema。
若用户给的是整屏画板链接，在返回结构里找到真实图标子节点（或对该子节点单独 get_design_context），避免把整张截图当图标导出。
记录每个图标对应的：
48px 或 28pxFigma asset URL 可能返回 SVG，即使目标文件名是 .png。不要直接 curl URL -o xxx.png 后结束。
用 ReadFile 打开下载结果：
<svg 开头，说明它不是 PNG，需要本地渲染成 PNG。Figma 导出的图标 SVG 多为透明底；栅格化时应得到带 alpha 的 PNG，而不是白底块。
优先使用 Homebrew 的 rsvg-convert（librsvg），行为稳定且通常保留透明度：
mkdir -p "tmp/figma-assets-3x"
curl -fsSL "<asset-url>" -o "tmp/figma-assets-3x/icon.svg"
rsvg-convert -w 144 -h 144 "tmp/figma-assets-3x/icon.svg" -o "path/to/images/icon.png"
尺寸换算：
48px 图标：导出 144 × 14428px 图标：导出 84 × 84可选：macOS 自带 qlmanage 也能把 SVG 打成 PNG，但在部分环境会极慢或卡住；仅当机器上验证可用时再作为主路径。
curl -fsSL "<asset-url>" -o "tmp/figma-assets-3x/icon.svg"
qlmanage -t -s 144 -o "tmp/figma-assets-3x" "tmp/figma-assets-3x/icon.svg" >/dev/null
cp "tmp/figma-assets-3x/icon.svg.png" "path/to/images/icon.png"
qlmanage 在沙箱里可能失败；失败时用 Shell 请求 all 权限重跑。
get_screenshot 放大图标Figma MCP 的 get_screenshot 适合确认截图和导出真实 PNG，但 maxDimension 不会把小节点放大成 3x。例如 48px 图标传 maxDimension: 144 仍可能返回 48 × 48。
如果必须导出 3x，优先使用 SVG asset + 本地栅格化（rsvg-convert 或已验证可用的 qlmanage）。
导出后必须检查：
sips -g pixelWidth -g pixelHeight -g hasAlpha "path/to/images/icon.png"
图标类资源预期 hasAlpha: yes。若为 no，换栅格工具或检查是否误用了非 SVG 流程。
再用 ReadFile 读取图片，确认它能作为图片显示，不是 SVG 文本或损坏文件。
最后检查相关 wxml / less 诊断。
icn-input-keyboard.pngicn-input-voice.pngicn-add-file.png（多状态若切图相同则只保留一张）icn-send-active.png.png。get_screenshot 返回了 PNG 就默认它是 3x。package.json。rm -rf tmp/figma-assets-3x。