そろそろ長めの夏休みに入る方もいらっしゃる頃でしょうか?、こもりです。
今日は手短に…新スキルの追加はなしで、Claude版スキルに含まれる超重要スキル「cognitive-ui-design」の更新のみです。これまでは主にデスクトップ幅を前提としたレイアウトパターンの実装ルールになっていたものを、モバイル中心(アプリ画面・スマホ専用モックアップ等)のブリーフではそのデバイスサイズに合わせたパターンを採用するように修正しました。

Claude Codeでスキルを利用して、TailwindベースでレスポンシブなWebサイトを作る場合は自然と縦方向のパターンに収束するのでほとんど関係ないのですが、Figma版の「create-multi-pattern」や「create-single-page」スキルで補助スキルとして利用し、モバイルサイズを主として画面生成した際に無理矢理感が出てきていたのでそうならないように、という修正です。
講座内のスキルは最新版に更新済。
<今回の主なアップデート内容サマリー>
- cognitive-ui-design にモバイル中心ブリーフ向けの翻訳ルール(§3.5)を追加
双方の講座の更新情報、スキル一覧や使い方などは、以下の公開中のREADME.mdでご確認ください。
価格改定のお知らせ
毎日毎日更新していると流れていくので…。
Figma版スキルは、想定以上の早さで収録スキルが増えまして現在16個になりました。それらのスキルの数はもちろんですが、スキル群が持つ仕事の効率化をもたらす価値と販売予定価格があまりに釣り合っておりませんので、来週2026年8月10日(月)から価格を改定します。
こちらは「KMRVID Figma Skills」「KMRVID Claude Skills(Figma Skills同梱)」の双方が対象です。
「KMRVID Figma Skills」は、現在発売記念価格という名のお試し価格の3,300円(税込)で提供中ですがこちらを定価4,400円(税込)から9,900円(税込)に、「KMRVID Claude Skills」は、定価19,800円(税込)から27,500円(税込)に変更いたします。
- KMRVID FIgma Skills → 定価9,900円(税込)
- KMRVID Claude Skills → 定価27,500円(税込)
こちらご理解のほどよろしくお願いいたします。
現在の発売記念価格は日曜日までは有効ですので、Figmaでの手作業を少しでも減らしたい方は今のうちにお買い求めください(3倍になってしまうので…)。周りのお友達や会社の同僚の方に「これ、騙されたと思って、今のうちに買っておいた方が良いかもよ」などとお薦めいただくのは大歓迎です。
- https://kmrvid-claude-skills.gaspanik.workers.dev/
- https://kmrvid-claude-skills.gaspanik.workers.dev/figma
以下、アップデートの詳細です。
更新スキル
cognitive-ui-design
- 従来の4トポロジーモデルは、いずれもデスクトップ幅を前提とした実装ルールになっており、モバイル中心(アプリ画面・スマホ専用モックアップ等)のブリーフでZ/Fパターンをそのままコーディングすると、狭い画面幅に左右交互配置やサイドカラムを無理やり押し込む結果になっていた問題を修正
- §3.5を新設し、モバイル中心ブリーフではページ全体のトポロジーモデルは縦方向の2つに限定(Zの「アンカー交互配置」も、ページ全体で見ればIパターンの1カラムと区別がつかないため)
- Z/Fパターンの視線誘導は、セクション内側のミクロパターンとして再配置。I/ボトムアップのページの中で使う位置づけに変更
- 通常のレスポンシブサイト(デスクトップファースト+モバイルブレークポイントで自然に1カラムへ収束するケース)には影響なし、この変更が適用されるのはブリーフ自体がモバイル専用/優先の場合のみ
入手・更新方法
KMRVID Claude Skills をお持ちの方は kmrvid-skills 圧縮ファイルの最新版を再ダウンロードして、更新されたフォルダを ~/.claude/skills/ に上書きコピーしてください。(Figma版をお使いの方は、Figmaエージェント側に登録し最新化してご利用ください)。
KMRVID Figma Skills 単体パッケージをお持ちの方は、kmrvid-skills-figma 圧縮ファイルの最新版を再ダウンロードしてFigmaエージェント側に登録し最新化してご利用ください(新規スキルの追加もこちらの手順で反映されます)。
それでは、よい一日を。