PlantUML Salt 記法でワイヤーフレームを正確に生成するためのベストプラクティスガイド。Salt 特有のハマりポイント（横並び `} | {` の1行ルール、列数統一、ネスト閉じ括弧）を防ぎ、 モバイルアプリやWebアプリのワイヤーフレームを高精度で生成する。
Use when: PlantUML Salt でワイヤーフレームを生成するとき。画面設計をテキストベースで行うとき。Salt 図が壊れたとき。
機能から画面構成に落とすとき。ワイヤーフレームを Markdown に埋め込むとき。Triggers: "Salt", "salt", "PlantUML", "plantuml", "ワイヤーフレーム", "wireframe", "画面設計", "画面構成", "@startsalt", "Salt図"
The English summary is being prepared. Showing the original description.
See how to installReview the instructions the agent will receive before you install.
Salt 図を生成する前に必ず守るべきルール。これを守らないとパースエラーやレイアウト崩れが起きる。
} | { は絶対に1行で書く横並びパネルの区切り } | { を改行すると壊れる。
NG:
}
|
{
OK:
} | {
NG:
{#
名前 | 値
A | B | C
}
OK:
{#
名前 | 値 | 備考
A | B | C
}
} の対応を必ず確認する1つでもずれると全体が壊れる。インデントで可読性を確保すること。
^ は必ずペアで閉じるNG: ^値^項目1^項目2
OK: ^値^項目1^項目2^
{+ を使うとモバイル画面っぽくなるモバイルアプリのワイヤーフレームには {+ を基本にする。
全コンポーネント一覧、レイアウト修飾子、セパレータの詳細は references/syntax-guide.md を参照。
主要なもの:
[ラベル]"テキスト "（末尾スペースで幅調整）^値^（閉）/ ^選択値^項目1^項目2^（開）[ ] OFF / [X] ON() OFF / (X) ON<&person> <&home> <&magnifying-glass> 等（OpenIconic）| 記法 | 用途 |
|---|---|
{ | 縦並び（デフォルト） |
{+ | 外枠付き |
{# | 全罫線テーブル |
{! | 縦線のみ |
{- | 横線のみ |
{/ | タブ |
{* | メニューバー |
{T | ツリー |
{^"名前" | グループボックス（カード風） |
{S | スクロールバー |
モバイル画面の具体的なパターン集は references/mobile-patterns.md を参照。
基本構成は「ナビバー + メインコンテンツ + ボトムタブ」の3層:
@startsalt
{+
{#
<&arrow-left> | **画面タイトル** | <&ellipses>
}
--
メインコンテンツ
.
==
{#
<&home> ホーム | <&list> タスク | <&bell> 通知 | <&person> 設定
}
}
@endsalt
アクティビティ図に Salt を埋め込んで画面遷移フローを表現できる。 詳細は references/flow-patterns.md を参照。
references/syntax-guide.md から選ぶreferences/mobile-patterns.md のパターンを使うreferences/flow-patterns.md を参照するNo reviews yet. Tell others what you thought.
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
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.
The English summary is being prepared. Showing the original description.
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"
The English summary is being prepared. Showing the original description.
アプリ名・サービス名の命名を、5つの専門エージェントチームで多角的に評価・決定するスキル。 ブランディング、商標/法的リスク、デジタルプレゼンス(SEO/ASO/SNS)、国際展開(多言語/発音)の 4観点から候補を提案・調査・議論し、コンテキストファイルと議事録で次回セッションへ引き継ぐ。 Use when: アプリ名を決めたい、サービス名を変更したい、プロダクト名を検討したい、 ネーミングブレスト、名前の商標チェック、アプリ名のリネーム。 Triggers: "アプリ名", "サービス名", "プロダクト名", "ネーミング", "名前を決め", "リネーム", "rename", "app name", "naming", "ブランド名", "商標チェック"
The English summary is being prepared. Showing the original description.
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"
The English summary is being prepared. Showing the original description.
アプリのトーン&マナー（トンマナ）を8名のエージェントチームで設計するスキル。 ブランドアーキタイプ・パーソナリティ定義から、カラー・タイポグラフィ・ビジュアルスタイル・ トーン・オブ・ボイスまでを一貫設計し、Pencil (.pen) + Markdown で成果物を出力する。 「デザインテンション」（矛盾ペア）を核に、AIっぽくない独自のブランドアイデンティティを生成する。
The English summary is being prepared. Showing the original description.
仕様書・要件定義からソフトウェアアーキテクチャを設計するスキル。 5人の専門エージェント（Architecture Lead・Module Designer・Dependency Analyst・ Platform Expert・Devil's Advocate）が協議しながら、 モジュール分割・依存関係・データフロー・インターフェース設計を行う。 成果物は構造化されたアーキテクチャ設計書（Markdown）。 Use when: 仕様書からどう設計するか迷っている時、モジュール分割の方針を決めたい時、 技術スタックに合ったアーキテクチャパターンを選びたい時、 設計書を作成したい時。 Triggers: "アーキテクチャ設計", "arch design", "仕様書から設計", "モジュール分割", "設計書を作りたい", "アーキテクチャを考えて", "コンポーネント設計", "依存関係を設計", "どう設計する", "design the architecture", "design from spec"
The English summary is being prepared. Showing the original description.