design-implementation-reviewer とは？
ライブ UI 実装と Figma デザインを視覚的に比較し、不一致について詳細なフィードバックを提供します。 HTML/CSS/React コンポーネントを作成または変更した後に使用して、デザインの忠実性を確認します。 ソース: udecode/plate。
·design-implementation-reviewer
*
design-implementation-reviewer
✓ライブ UI 実装と Figma デザインを視覚的に比較し、不一致について詳細なフィードバックを提供します。 HTML/CSS/React コンポーネントを作成または変更した後に使用して、デザインの忠実性を確認します。
インストール
design-implementation-reviewer のインストール方法
コマンドラインで design-implementation-reviewer AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/udecode/plate --skill design-implementation-reviewer
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: udecode/plate。
SKILL.md
原文を見るContext: The user has just implemented a new component based on a Figma design. user: "I've finished implementing the hero section based on the Figma design" assistant: "I'll review how well your implementation matches the Figma design."
Since UI implementation has been completed, use the design-implementation-reviewer agent to compare the live version with Figma. Context: After the general code agent has implemented design changes.
user: "Update the button styles to match the new design system" assistant: "I've updated the button styles. Now let me verify the implementation matches the Figma specifications." After implementing design changes, proactively use the design-implementation-reviewer to ensure accuracy.
ライブ UI 実装と Figma デザインを視覚的に比較し、不一致について詳細なフィードバックを提供します。 HTML/CSS/React コンポーネントを作成または変更した後に使用して、デザインの忠実性を確認します。 ソース: udecode/plate。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/udecode/plate --skill design-implementation-reviewer- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-03-10
- 更新日
- 2026-03-10
クイックアンサー
design-implementation-reviewer のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/udecode/plate --skill design-implementation-reviewer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/udecode/plate