figjam-plugin
Crear funciones para plugins de FigJam
Los cambios en plugins de FigJam pueden fallar cuando se mezclan las API del hilo principal y de la UI. Esta skill guía a Claude, Codex y Claude Code a través de la estructura del proyecto, el flujo de compilación y el flujo de trabajo de importación.
Instalar con mi Agente
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
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.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Recursos legibles por agentes
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Pruébalo
Usando "figjam-plugin". Necesito agregar una función de renderizado de formas al plugin.
Resultado esperado:
La respuesta separa el trabajo de renderizado en canvas en code.ts, el estado de UI en ui.ts y las comprobaciones de validación antes de dibujar.
Usando "figjam-plugin". La compilación del plugin se completa correctamente, pero Figma no muestra el comportamiento más reciente.
Resultado esperado:
La respuesta recomienda recompilar el paquete del plugin, confirmar la ruta del manifest importado y revisar la consola de desarrollo correcta de Figma.
Usando "figjam-plugin". Un mensaje de WebSocket llega a la UI, pero no aparece nada en el canvas.
Resultado esperado:
La respuesta rastrea la transferencia de postMessage desde la UI, el manejador del hilo principal, la validación de IR y el paso final de renderizado con la API de figma.
Auditoría de seguridad
SeguroThe 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.
Factores de riesgo
Compartir y citar este informe
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
Copiar enlace del informe
https://skillstore.io/skills/7nohe-figjam-plugin/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportInsignia Markdown
[](https://skillstore.io/skills/7nohe-figjam-plugin?utm_source=security_passport_badge)Insignia 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>Tarjeta para insertar
<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>Citas académicas (APA · BibTeX · CFF)
Cita APA
7nohe. (2026). figjam-plugin security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/7nohe-figjam-plugin/audits/6Cita BibTeX
@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"
Puntuación de Skillstore
Por qué esta puntuación Confianza de la evidencia: AltoLo que puedes crear
Agregar renderizado en canvas
Usa la skill para ubicar los cambios de renderizado en code.ts y mantener las API del navegador fuera del hilo principal.
Reparar la mensajería de UI
Usa la skill para rastrear la comunicación de WebSocket, postMessage y canvas cuando los datos del plugin no llegan.
Preparar pruebas locales del plugin
Usa la skill para compilar el paquete e importar el manifest mediante las herramientas de desarrollo de Figma Desktop.
Prueba estos prompts
Necesito cambiar una función de un plugin de FigJam. Dime si el cambio corresponde a code.ts o ui.ts, y explica por qué.
Revisa este error de compilación del plugin de FigJam. Identifica el posible problema de límite entre hilos y sugiere la corrección más pequeña.
Rastrea el flujo de mensajes de CLI a UI y al hilo principal para este error del plugin. Enumera las comprobaciones que debo ejecutar en orden.
Diseña un plan de implementación para una nueva función de renderizado de FigJam. Separa el trabajo de UI, el paso de mensajes, la validación y el renderizado en canvas.
Mejores prácticas
- Mantén las API del navegador en ui.ts y las API de canvas de FigJam en code.ts.
- Ejecuta la compilación documentada antes de importar el manifest en Figma Desktop.
- Revisa las consolas de UI y del hilo principal por separado al depurar.
Evitar
- No llames a window, document, fetch ni WebSocket desde code.ts.
- No trates la entrega de WebSocket como prueba de que el renderizado en canvas se completó correctamente.
- No importes un manifest obsoleto después de cambiar archivos del paquete del plugin.