design-mockup

Installation
SKILL.md

design-mockup

複数画面の遷移と状態を1ページで俯瞰できる、操作可能な HTML モックアップを生成する。

skill 同梱ファイルへのアクセス (重要)

本文中の templates/... examples/... README.md 等の相対パスは、SKILL.md と同じディレクトリ を基点とする。

ただし Read tool は呼び出し元 cwd で path 解決する (skill ディレクトリは自動補完されない)。Read 呼び出し時は skill ディレクトリの絶対パスに展開すること:

  • 個人 global: ~/.claude/skills/design-mockup/...
  • プロジェクト同梱: <project>/.claude/skills/design-mockup/...
  • plugin: ~/.claude/plugins/cache/<plugin>/skills/design-mockup/...

手順: 最初に ~/.claude/skills/design-mockup/SKILL.md を Read し、ヒットしたディレクトリを skill ベースとして以降の相対パス展開に使い回す。1 つ目で外したら次の候補を試す。

何を作るか

Installs
1
Repository
bigdra50/skills
First Seen
Jul 5, 2026
design-mockup — bigdra50/skills