Anthropic Claudeデザイン・クリエイティブ⭐ リポ 7品質スコア 64/100
figma-analyze
Figmaのデザインをコード実装の準備状況とデザイン・コード間の整合性について分析できます。FigmaのURL、コンポーネントデザイン、トークンの一貫性を確認する際に活用できます。
description の原文を見る
Analyze Figma designs for code implementation readiness and design-code parity. Use when working with Figma URLs, analyzing component designs, or checking token consistency.
SKILL.md 本文
注意: このスキルのライセンスは ライセンス未確認 です。本サイトでは本文プレビューのみを表示しています。利用前に GitHub の原本でライセンス条件をご確認ください。
Figma 分析
目的
既存の Figma コンポーネントを Nexus の慣例に対して分析します。デザイン・コードの一貫性、トークンの使用状況、AI の読みやすさを検証し、問題点を絞り込んだリストと修正方法を出力します。
入力
| フォーマット | 例 | 検出方法 |
|---|---|---|
| Figma URL | https://figma.com/design/:fileKey/:fileName?node-id=123-456 | URL パターン |
| コンポーネント名 + URL | Button https://figma.com/... | 名前 + URL |
URL から抽出するもの:
fileKey—/design/の後のパスセグメントnodeId—node-idパラメータから
...
詳細情報
- 作者
- majiayu000
- ライセンス
- 不明
- 最終更新
- 2026/5/9
Source: https://github.com/majiayu000/claude-skill-registry-data / ライセンス: 未指定