design-iterator とは？
N 回のスクリーンショット分析、改善サイクルを通じて UI デザインを繰り返し改良します。 1 ～ 2 回試してもデザインの変更がまとまらない場合、またはユーザーが反復的な改良を要求した場合は、積極的に使用してください。 ソース: udecode/plate。
·design-iterator
*
design-iterator
✓N 回のスクリーンショット分析、改善サイクルを通じて UI デザインを繰り返し改良します。 1 ～ 2 回試してもデザインの変更がまとまらない場合、またはユーザーが反復的な改良を要求した場合は、積極的に使用してください。
インストール
design-iterator のインストール方法
コマンドラインで design-iterator AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/udecode/plate --skill design-iterator
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: udecode/plate。
SKILL.md
原文を見るContext: User asks to change button color but result still looks off. user: "Change the button to blue"
assistant: [makes change, takes screenshot] "The button is now blue, but I notice the overall color balance still feels off. Would you like me to use the design-iterator agent with 5 iterations to systematically improve the color harmony and visual balance?"
PROACTIVE USE: After a simple change doesn't fully resolve the design issue, suggest the design-iterator to do deeper work. Context: User's design request leads to something that doesn't look right.
N 回のスクリーンショット分析、改善サイクルを通じて UI デザインを繰り返し改良します。 1 ～ 2 回試してもデザインの変更がまとまらない場合、またはユーザーが反復的な改良を要求した場合は、積極的に使用してください。 ソース: udecode/plate。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/udecode/plate --skill design-iterator- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-03-10
- 更新日
- 2026-03-10
クイックアンサー
design-iterator のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/udecode/plate --skill design-iterator インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/udecode/plate