タスク用スキル
Diagram Design
日常語の説明を構成図、工程図、時系列図に変えます。
紹介
公開ドキュメントに基づき LessAI Tools が編集
システムや計画を説明する開発者・製品チーム向けです。Diagram Design は配置と表現規則を与え、SVG を含む単体 HTML を作ります。参照サイトの色と文字も合わせられます。Agent Skills 対応助手が必要です。スキルは MIT、助手やモデルは別課金の場合があり、画像出力にはブラウザツールが必要な場合があります。
使い始める
接続条件は未確認です。プロジェクトの公式手順をご確認ください。
導入と使い方の公式手順 ↗公開ドキュメントに基づく案内です。全項目を個別にインストールして検証したものではありません。
できること
- 構成図、フロー、時系列を作る
- 既存ブランドの色と文字に合わせる
- ブラウザで見る HTML と SVG を作る
公式プロジェクトとドキュメント
プロジェクトの説明（翻訳）
Claude Code、Codex、GitHub Copilot、Cursor、Factory Droid、Pi 向け編集図解。44 種、単体 HTML と SVG、影や定型的 Mermaid なしを案内
用途が近いプラグイン
主な用途を優先し、共通する作業とスター数を参考に選んでいます。接続方法は異なる場合があります。
- Anthropic Skills · Frontend Design — 意図的なレイアウト、タイポグラフィー、インタラクションを選択してインターフェイスを計画、構築、批評します。
- Taste Skill — 公開 Web サイトに意図的な視覚的な方向性を与え、ブラウザで結果を確認します。
- OpenMontage — 調査、脚本、素材、動画編集の手順を開発助手に与えます。