メニュー
Use when running /ux:wireframe, or whenever laying out a screen's structure and content priority before visual design or implementation. Philosophy adapted from the toolkit's UX extension and low-fidelity wireframing practice.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/KiemVM/AI-SDLC --skill wireframingコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Use when running /decide, or whenever a product/technical decision changes something already written (a spec, plan, architecture doc) mid-work — captures it as an ADR and finds what needs to be updated downstream. Philosophy adapted from GitHub Spec-Kit's ADR discipline and BMAD-METHOD's documentation-first governance.
Use when running /spec:plan, after a Specification.md exists and before task breakdown — turns approved requirements into a technical approach, file structure, and testing strategy. Philosophy adapted from GitHub Spec-Kit's plan phase and BMAD-METHOD's architecture discipline.
Use when running /engineering:review, or whenever asked to review a diff or PR for bugs and spec/constitution adherence. If the host project already has Anthropic's official code-review plugin configured, prefer that instead. Philosophy adapted from Superpowers' code-review discipline.
SOC 職業分類に基づく
SKILL.md を表示中
| name | wireframing |
| description | Use when running /ux:wireframe, or whenever laying out a screen's structure and content priority before visual design or implementation. Philosophy adapted from the toolkit's UX extension and low-fidelity wireframing practice. |
A wireframe answers "what's on this screen and what matters most," not "what does it look like." Low fidelity is a feature, not a limitation — it keeps the conversation on structure and priority instead of color and font, which come later (or in a real design tool).
| Red flag | Why it matters |
|---|---|
| The wireframe specifies a color or font | Premature visual design — belongs to an actual design tool/pass, not this artifact |
| An element exists with no stated purpose | Likely clutter that will make the real screen harder to build and use |
| Only the "populated, everything worked" state is described | Error/empty/loading states are exactly where products under-invest and it shows |