SkillsMP

wireframe-annotated

ウェブサイトやランディングページのワイヤーフレームを生成し、詳細な注釈(アノテーション)を加えて設計意図を明確にするスキルです。

3秒でわかる

何をしてくれる
ウェブサイトやランディングページのワイヤーフレームを生成し、詳細な注釈(アノテーション)を加えて設計意図を明確にするスキルです。
始め方
AI にスキルを入れるスキルとは、AI への作業手順書(SKILL.md)です。Claude Code・Codex・Cursor・GitHub Copilot などの対応 AI に読み込ませて使います。外部サービスの鍵(API キー)や有料の契約が要るかどうかは、当サイトではまだ確かめられていません。使う前に配布元の説明をご確認ください。
料金
未確認(配布元と、使う AI の料金をご確認ください)
人気
記載なし
安全性
注意が必要:説明文の検査で指摘あり(プロンプトインジェクションのリスク)

最初の3歩 準備中。当サイトではまだ手順を確かめられていません。配布元のページをご覧ください。

外すときは置いたフォルダを消すだけ(Claude Code なら再起動不要)

広報戦略 SkillsMP
wireframe-annotated インフォグラフィック
SkillsMP
配信元
記載なし
作者
記載なし
広報戦略
カテゴリ
⚙ 何ができるか
📝
ワイヤーフレーム自動生成
ページの目的や構成要素の指示に基づき、基本的なレイアウトのワイヤーフレームを迅速に生成します。
💬
詳細な注釈追加
各要素の目的、機能、コンテンツ内容、ユーザーアクションなどを具体的に記述し、設計意図を明確化します。
💡
ユーザーフロー可視化
ユーザーがページ内でどのように行動し、どの情報にアクセスするかを示すフローをワイヤーフレームに組み込みます。
🤝
チーム間コミュニケーション支援
デザイナーや開発者、コンテンツ担当者との認識合わせを円滑にするための、分かりやすいドキュメントを作成します。
💼 広報での活用場面
🌐
新規ウェブサイト設計の企画
サイト全体の構造と各ページの役割を定義し、開発前の段階で関係者間の合意形成を促進します。
🎯
既存LPの改善計画立案
既存のランディングページの課題を特定し、改善案をワイヤーフレームで具体的に表現して効果的な改修につなげます。
✍️
コンテンツ配置戦略の策定
記事ページやキャンペーンページにおいて、コンテンツ要素をどのように配置すればユーザーに伝わりやすいかを事前に計画します。
📏 導入の難易度
★ ★ ★ ★ ★
ふつう
ワイヤーフレームの基本的な概念と、ウェブサイト設計のプロセスを理解しているとより効果的に活用できます。
🔄 類似ツール・スキルとの違い
比較対象 wireframe-annotated との違い
Figma/Sketch 高度なデザインツールですが、AIによるワイヤーフレームの自動生成や詳細な注釈の提案は手動で行う必要があります。
Balsamiq ワイヤーフレーム作成に特化していますが、AIによる生成や詳細な注釈提案は限定的です。
✅ 編集部の評価
広報・マーケティング担当者がウェブサイトやランディングページの企画段階で、コンテンツ配置やユーザー体験を具体的に検討し、デザイナーや開発者との連携をスムーズにする上で、本ツールは非常に有用な可能性を秘めています。しかし、作者不明でダウンロード実績がないため、ワイヤーフレームや注釈データが未知の外部APIに送信され、機密情報が漏洩するリスクや、悪意のあるコードが含まれるサプライチェーンリスクが極めて高い状態です。現時点での利用は、情報漏洩のリスクを十分に理解し、特に機密性の高い情報を含む場合は絶対に使用しないなど、極めて慎重な判断が求められます。【セキュリティ注記】
🛡 安全性チェック
注意が必要 説明文の検査で指摘あり(プロンプトインジェクションのリスク) 調べた日 2026/10/14

安全性の表示は推定で、監査ではありません。ソフトは公開されている検査結果と脆弱性の報告、更新の止まり具合から判断しています。スキルは配布元の説明文からの推定で、配布物の中身(SKILL.md や同梱のプログラム)まではまだ検査できていません。「重大な問題は見つからず」は、問題が無いことの証明ではありません。軽い指摘が付いていることもあります。小さなプロジェクトや新しいスキルは低めに出ます。

サプライチェーンリスクが非常に高いため、利用は推奨されません。利用する場合は、提供元の信頼性を厳しく確認し、生成されるコンテンツの適切性を常に検証してください。
検出されたリスク (3件)
外部通信
生成されたワイヤーフレームや注釈を外部サービスに保存・共有する機能がある場合、データ送信のリスクがある。説明からは不明だが、可能性は排除できない。
プロンプトインジェクションのリスク
ユーザーの指示に基づいてワイヤーフレームを生成するため、悪意あるプロンプトにより不適切なデザインや注釈が生成される可能性。
サプライチェーンリスク
作者不明、DL数0のため、スキル自体の信頼性や悪意あるコードが含まれる可能性を排除できない。生成されるコンテンツの品質や安全性に影響を及ぼすリスクがある。
何を見た判定か: 配布元が公開している説明文を AI(Gemini)が読んで推定したものです。 配布物の中身(SKILL.md 本体や同梱のプログラム)は、まだ検査できていません。
📦 インストール手順

スキルとは、AI への作業手順書(SKILL.md)です。Claude Code・Codex・Cursor・GitHub Copilot など、 スキルを読み込める AI で使えます。下の手順は Claude Code の場合の例です。

1. ターミナルで claude と入力して Claude Code を開く
2. 下の1行をコピーして貼り、Enter を押す
当サイトでは、このスキルの導入コマンドを確認できていません。上の「SkillsMP で見る」から配布元の手順をご確認ください。
3. 日本語で「○○して」と頼む
やめるときは、置いたフォルダを消すだけです(Claude Code なら再起動は要りません)。
Claude Code を入れていない場合は、先に配布元の案内に従って用意してください。