figjam-plugin
构建 FigJam 插件功能
当主线程和 UI APIs 混用时，FigJam 插件变更可能会失败。此技能会指导 Claude、Codex 和 Claude Code 了解项目结构、构建流程和导入工作流。
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
Review the Skillstore skill "figjam-plugin" from https://skillstore.io/skills/7nohe-figjam-plugin.md and its manifest at https://skillstore.io/api/skills/7nohe-figjam-plugin/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“figjam-plugin”。 我需要为插件添加一个形状渲染功能。
预期结果:
响应会将画布渲染工作划分到 code.ts，将 UI 状态划分到 ui.ts，并在绘制前进行验证检查。
正在使用“figjam-plugin”。 插件构建成功，但 Figma 没有显示最新行为。
预期结果:
响应会建议重新构建插件包，确认导入的 manifest 路径，并检查正确的 Figma 开发控制台。
正在使用“figjam-plugin”。 WebSocket 消息到达了 UI，但画布上没有显示任何内容。
预期结果:
响应会追踪 UI postMessage 交接、主线程处理器、IR 验证以及最终的 figma API 渲染步骤。
安全审计
安全The static findings are false positives caused by Markdown backticks and code fences in SKILL.md. The only command shown is a fixed local build command, and no prompt injection, exfiltration intent, or malicious instruction was found.
风险因素
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/7nohe-figjam-plugin/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/7nohe-figjam-plugin?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/7nohe-figjam-plugin?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/7nohe-figjam-plugin/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/7nohe-figjam-plugin.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学术引用 (APA · BibTeX · CFF)
APA 引用
7nohe. (2026). figjam-plugin security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/7nohe-figjam-plugin/audits/6BibTeX 引用
@techreport{7nohe-7nohe-figjam-plugin-2026,
author = {7nohe},
title = {figjam-plugin security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/7nohe-figjam-plugin/audits/6},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "figjam-plugin security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "7nohe"
date-released: "2026-07-04"
url: "https://skillstore.io/skills/7nohe-figjam-plugin/audits/6"
identifiers:
- type: other
value: "skillstore:7nohe-figjam-plugin:audit:6"
description: "Skillstore immutable audit report identifier"
Skillstore 评分
评分依据 证据置信度: 高你能构建什么
添加画布渲染
使用此技能将渲染变更放在 code.ts 中，并避免在主线程中使用浏览器 APIs。
修复 UI 消息传递
当插件数据没有到达时，使用此技能追踪 WebSocket、postMessage 和画布通信。
准备本地插件测试
使用此技能构建包，并通过 Figma Desktop 开发工具导入 manifest。
试试这些提示
我需要更改一个 FigJam 插件功能。告诉我这个变更应该放在 code.ts 还是 ui.ts 中，并解释原因。
审查这个 FigJam 插件构建错误。识别可能的线程边界问题，并建议最小修复。
针对这个插件 bug，追踪 CLI 到 UI 再到主线程的消息流。按顺序列出我应该运行的检查。
为一个新的 FigJam 渲染功能设计实现计划。区分 UI 工作、消息传递、验证和画布渲染。
最佳实践
- 将浏览器 APIs 保留在 ui.ts 中，将 FigJam 画布 APIs 保留在 code.ts 中。
- 在 Figma Desktop 中导入 manifest 之前，先运行文档中的构建。
- 调试时分别检查 UI 和主线程控制台。
避免
- 不要从 code.ts 调用 window、document、fetch 或 WebSocket。
- 不要将 WebSocket 送达视为画布渲染成功的证明。
- 更改插件包文件后，不要导入过期的 manifest。