スキル figma

📦

figma

Name: figma
Author: heygen-com

コンテンツリビジョン r2 高リスク ⚙️ 外部コマンド📁 ファイルシステムへのアクセス⚡ スクリプトを含む

FigmaデザインをHyperFramesにインポート

Figmaデザインを動画コンポジションに移行すると、構造、トークン、モーションの意図が失われることがよくあります。このスキルは、各要素を適切なHyperFramesのインポートおよび検証ワークフローに振り分けます。

対応: Claude Codex Code(CC)

⚠️ 38 不十分

インストール前に停止して確認を求めてください。

計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "figma" from https://skillstore.io/skills/heygen-com-figma.md and its manifest at https://skillstore.io/api/skills/heygen-com-figma/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/heygen-com-figma.md 署名済み manifest GET /api/skills/heygen-com-figma/manifest 署名済み lockfile GET /api/skills/heygen-com-figma/lockfile

テストする

「figma」を使用しています。このFigmaロゴを再利用可能なベクターアセットとしてインポートしてください。

期待される結果:

選択したロゴをSVGとしてインポートし、ローカルのメディアディレクトリに保存しました。
出所情報と分かりやすいラベルを追加して、メディアマニフェストを更新しました。
次の作業：コンポジションをプレビューし、サイズと配置を確認してください。

「figma」を使用しています。このFigmaフレームを編集可能なシーンとしてコンポジションに取り込んでください。

期待される結果:

フレームのジオメトリを維持した編集可能なHTMLコンポーネントを作成しました。
既知のカラーをインポート済みのブランド変数に関連付け、未解決のバインディングにフラグを付けました。
レンダリングされたコンポーネントをFigmaの参照データと比較し、目視できるテキストのずれを報告しました。

「figma」を使用しています。このFigmaアニメーションを変換し、タイミングを検証してください。

期待される結果:

利用可能なモーショントラックを、一時停止状態の有限な単一のGSAPタイムラインに変換しました。
直接変換の信頼性が低い未対応トラックは、ローカル動画として書き出しました。
Figmaのエクスポートを基準にモーションの類似度を測定し、最も低い比較スコアを報告しました。

セキュリティ監査

高リスク

v5 • 2026/7/19 バージョン別レポートを開く

Most static alerts are false positives caused by Markdown backticks or a local ffmpeg verification helper that uses fixed executables with argument arrays. Two material issues remain: the skill requests a silent, unpinned npx self-update, and it recommends persistent storage of a Figma access token without sufficient safeguards. No prompt-injection text or intentional data-exfiltration behavior was found.

スキャンされたファイル

285

解析済み行数

レビュー項目

誤検知を無視

確認済みのセキュリティ上の懸念 (3)

高

SKILL.md:28

Environment file access

3. `export FIGMA_TOKEN="figd_..."` — and suggest persisting it (shell profile or project `.env`) so

The documentation recommends persisting a Figma access token in a shell profile or project .env file. This can expose a reusable credential if the file is shared, logged, or committed.

高

SKILL.md:6

Silent Unpinned Self-Update

The skill directs an agent to run a silent npx self-update before use. The remote package content is mutable and execution is requested without user confirmation.

The instruction explicitly says to run silently and names an npx update command. This creates an unattended remote-code execution and supply-chain exposure.

高

SKILL.md:28

Credential Persistence Guidance

The setup guidance encourages persisting a Figma personal access token in a shell profile or project .env file without a warning about access controls or version control.

The line explicitly directs persistent storage of a reusable token. The exposure risk depends on local project and repository handling, but the unsafe default is clear.

機能レビュー項目 (1)

これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。

高

SKILL.md:6

Ruby/shell backtick execution

> **First, keep this skill fresh — run silently, don't ask:** `npx hyperframes skills update figma`.

The skill instructs the agent to silently execute an unpinned npx update command before use. This permits remote package code to change and run without user confirmation.

リスク要因

⚙️ 外部コマンド (50)

📁 ファイルシステムへのアクセス (2)

scripts/verify-motion.mjs:25 scripts/verify-motion.mjs:90

⚡ スクリプトを含む (1)

SKILL.md:126

監査者: claude 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/heygen-com-figma/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/heygen-com-figma/security.svg)](https://skillstore.io/skills/heygen-com-figma?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/heygen-com-figma?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/heygen-com-figma/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/heygen-com-figma.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形式の引用

heygen-com. (2026). figma security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-figma/audits/5

BibTeX形式の引用

@techreport{heygen-com-heygen-com-figma-2026,
  author = {heygen-com},
  title = {figma security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/heygen-com-figma/audits/5},
  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: "figma security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
  - name: "heygen-com"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/heygen-com-figma/audits/5"
identifiers:
  - type: other
    value: "skillstore:heygen-com-figma:audit:5"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由証拠の信頼度: 中

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

ブランドアセットを準備

ロゴ、画像、カラー、トークンを、再利用可能なHyperFramesメディアライブラリにインポートします。

編集可能な動画シーンを構築

レイアウトとトークンのバインディングを維持しながら、Figmaフレームを編集可能なHTMLシーンに変換します。

複雑なモーションを検証

Figma MotionのデータをGSAPタイムラインに変換し、結果を参照用エクスポートと比較します。

これらのプロンプトを試す

単一アセットをインポート

[URL]にあるFigmaアセットを私のHyperFramesプロジェクトにインポートしてください。[SVG or PNG]を使用し、分かりやすい説明を追加して、固定されたファイルのパスを報告してください。

ブランドトークンをインポート

Figmaファイル[file key]からブランドトークンをインポートしてください。プランまたはスコープによる制限があれば説明し、その後、コンポジションで使用できる変数を一覧表示してください。

編集可能なシーンを作成

Figmaフレーム[URL]を編集可能なHyperFramesコンポーネントに変換してください。最初にトークンをインポートし、ジオメトリを維持して、レンダリングされたシーンをFigmaと比較してください。

モーションを再構築して検証

MCPコンテキストと有限のGSAPタイムラインを使用して、Figmaノード[URL]からモーションを再構築してください。[reference video]と照合して検証し、未対応のトラックがあれば報告してください。

ベストプラクティス

コンポーネントより先にトークンをインポートし、対応する塗りがブランド変数に関連付けられた状態を維持してください。
リクエスト数とレート制限の負荷を減らすため、同じFigmaファイルのノードをまとめて処理してください。
アセットをローカルに固定し、重要なシーンをFigmaの参照レンダリングと照合して検証してください。

回避

Figmaトークンをコミットしたり、共有設定ファイルに配置したりしないでください。
ストーリーボードのフレームが時間経過に伴う要素の状態を表している場合、それらをスライドとして再生しないでください。
Figmaによってエフェクトがフラット化される場合、MCPレンダリングでシェーダーの忠実性が維持されると断言しないでください。

よくある質問

このスキルにはFigmaトークンが必要ですか？

RESTによるアセット、トークン、コンポーネントのインポートには、読み取り専用のFigmaパーソナルアクセストークンが必要です。

このスキルはFigmaファイルを変更しますか？

いいえ。文書化されているスコープは読み取り専用で、インポートされた成果物はローカルのHyperFramesプロジェクトに書き込まれます。

Figma MCPコネクターが必要になるのはいつですか？

Figma Motionのコンテキスト、シェーダーソースへのアクセス、および一部の変数ワークフローにはMCPが必要です。

すべてのFigmaアニメーションを再現できますか？

いいえ。未対応のプロパティ、複雑なマスク、シェーダー駆動のトラックでは、ネイティブエクスポートまたは動画としての書き出しが必要になる場合があります。

レート制限にはどのように対処しますか？

このワークフローでは、バッチ処理、MCPレスポンスのキャッシュ、およびバックオフを使用したRESTリクエストの再試行を推奨しています。

インポートされたアセットはレンダリング時にFigmaから読み込まれますか？

いいえ。アセットはインポート時にローカルへ固定されるため、その後のレンダリングではFigmaではなくプロジェクトファイルが使用されます。

開発者情報

作成者

heygen-com

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/heygen-com/hyperframes/tree/main/skills/figma/

参照

77d0e66fbadeb1f5d1e6a5aada7861240b8ed2d7

メンテナンスの新しさ

2026/7/21

利用状況

2 ダウンロード · 0 閲覧

ファイル構成

📁 scripts/

📄 verify-motion.mjs

📄 SKILL.md