5つの専門エージェント（UXデザイナー・ビジュアルデザイナー・アクセシビリティ専門家・ モバイルUI専門家・コピーデザイナー）がチームでUIを添削・改善するスキル。 Pencil(.pen)で画面デザインを作成・修正しながら、リアルタイムで議論する。 新規画面デザインの作成と既存UIのレビュー・改善の両方に対応。 iOS / Web / 汎用プラットフォームに対応。 Use when: UIを添削したい、画面デザインをレビューしたい、UIを改善したい、 デザインの品質を上げたい、UIのフィードバックがほしい、画面を作りたい。 Triggers: "UIレビュー", "UI添削", "デザインレビュー", "画面レビュー", "UIを見て", "デザインチェック", "UI改善", "画面デザイン", "ui review", "design review", "UI作成", "画面作成", "UIフィードバック"
インストール方法を見るインストールする前に、エージェントに与えられる指示の中身を確認できます。
5つの専門エージェントが Pencil でデザインを見ながら議論し、UIを添削・改善する。
以下を確認する（不明ならユーザーに質問）:
get_editor_state で現在の .pen ファイルを確認get_screenshot で取得batch_get でノード構造を取得get_guidelines で適切なガイドライン取得（iOS なら ios-design スキルも活用）get_style_guide_tags → get_style_guide でスタイルガイド取得batch_design で作成TeamCreate で ui-review チームを作成。以下5エージェントを 1つのメッセージで並列に Task ツールで起動する。
| name | 役割 | 主な評価観点 |
|---|---|---|
ux-designer | ユーザビリティ・情報設計 | フロー、操作性、ヒューリスティック |
visual-designer | 配色・タイポグラフィ・レイアウト | 色、余白、階層、シンプルさ |
accessibility-expert | アクセシビリティ | コントラスト、タッチ、WCAG |
mobile-specialist | プラットフォーム準拠 | iOS HIG、Material、レスポンシブ |
copy-designer | マイクロコピー・テキスト | ラベル、エラー文、CTA、トーン |
TaskCreate で7つのタスクを作成:
addBlockedBy: ["1","2","3","4","5"]）addBlockedBy: ["6"]）各エージェントのプロンプトにデザイン情報を埋め込んで起動する:
subagent_type: "ux-designer" # agents/ で定義済みのサブエージェント名
team_name: "ui-review"
model: "opus"
mode: "bypassPermissions"
run_in_background: true
プロンプトに含める情報:
エージェントは自律的に議論する:
Round 1: 各エージェントが独立にレビュー → 互いにフィードバック共有
Round 2: 他の観点を考慮して改善案を修正 → 矛盾する提案は議論で解決
Round 3: 最終改善案をスコアリング → チームリーダーに報告
ユーザーがリアルタイムで議論に参加したい場合:
エージェントの提案に基づき、リーダーが Pencil で修正を実施:
batch_design で修正を適用get_screenshot で修正結果を確認全報告が揃ったら統合レポートを MD で出力する。テンプレートは references/report-template.md を参照。
詳細な評価基準は references/review-criteria.md を参照。
出力先: プロジェクトルートに UI_REVIEW_REPORT.md
shutdown_request を送信TeamDelete でチーム削除まだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
This skill should be used when the user asks to "create a team", "spawn agents", "parallel execution", "delegate tasks to agents", "use a swarm", "team workflow", "split work across agents", "run tasks in parallel", or mentions wanting multiple agents to collaborate on a complex task.
日本語の概要は準備中です。原文の説明を表示しています。
Agent Teams スキルを設計・構築するためのベストプラクティスガイド。 サブエージェント定義、SendMessage 通信プロトコル、タスク依存管理、 PostToolUse Hook によるログ、MCP ツール統合、コンテキストファイル設計を網羅。 7つの実績あるチームスキル（app-naming, ui-review, logo-design, persona-creation, skill-creator-team, ui-variations, aso-optimize）から抽出したパターン集。 Use when: Agent Teams を使ったスキルを新規作成したい、 既存のチームスキルの品質を改善したい、エージェント間通信のデバッグ、 チームスキルの設計パターンを知りたい。 Triggers: "agent team", "チームスキル", "エージェントチーム", "サブエージェント定義", "SendMessage パターン", "チーム設計", "エージェント間通信", "team skill", "swarm pattern"
アプリ名・サービス名の命名を、5つの専門エージェントチームで多角的に評価・決定するスキル。 ブランディング、商標/法的リスク、デジタルプレゼンス(SEO/ASO/SNS)、国際展開(多言語/発音)の 4観点から候補を提案・調査・議論し、コンテキストファイルと議事録で次回セッションへ引き継ぐ。 Use when: アプリ名を決めたい、サービス名を変更したい、プロダクト名を検討したい、 ネーミングブレスト、名前の商標チェック、アプリ名のリネーム。 Triggers: "アプリ名", "サービス名", "プロダクト名", "ネーミング", "名前を決め", "リネーム", "rename", "app name", "naming", "ブランド名", "商標チェック"
App Store プレビュー動画を Remotion (React) で生成する Agent Team スキル。 video-director が構成を設計し、script-writer がナレーション台本を作成し、 motion-designer が Remotion コードを実装し、preview-reviewer がコードレビューし、 frame-inspector がレンダリング結果を目視検証する。 Use when: App Store プレビュー動画を作りたい、アプリのプロモーション動画を作りたい、 Remotion で動画を生成したい。 Triggers: "プレビュー動画", "App Store 動画", "アプリ動画", "preview movie", "Remotion", "動画作成", "app preview"
アプリのトーン&マナー（トンマナ）を8名のエージェントチームで設計するスキル。 ブランドアーキタイプ・パーソナリティ定義から、カラー・タイポグラフィ・ビジュアルスタイル・ トーン・オブ・ボイスまでを一貫設計し、Pencil (.pen) + Markdown で成果物を出力する。 「デザインテンション」（矛盾ペア）を核に、AIっぽくない独自のブランドアイデンティティを生成する。
仕様書・要件定義からソフトウェアアーキテクチャを設計するスキル。 5人の専門エージェント（Architecture Lead・Module Designer・Dependency Analyst・ Platform Expert・Devil's Advocate）が協議しながら、 モジュール分割・依存関係・データフロー・インターフェース設計を行う。 成果物は構造化されたアーキテクチャ設計書（Markdown）。 Use when: 仕様書からどう設計するか迷っている時、モジュール分割の方針を決めたい時、 技術スタックに合ったアーキテクチャパターンを選びたい時、 設計書を作成したい時。 Triggers: "アーキテクチャ設計", "arch design", "仕様書から設計", "モジュール分割", "設計書を作りたい", "アーキテクチャを考えて", "コンポーネント設計", "依存関係を設計", "どう設計する", "design the architecture", "design from spec"