お知らせ

【アップデート】Figma版に新スキル登場（2026.09.09）
「tidy-up」は適当に作られたFigmaのデータを整理して構造化するスキル、もう一つ講座内限定の「hey-be-careful」スキルはFigma Agentが適当な仕事をしないように矯正するガイドラインスキルです。ちゃんと仕事をしてもらいたいときに呼び出してあげてください。新しいチャットの冒頭とかで。 続きを読む...
【アップデート】Figma版に新スキル登場（2026.09.07）
台風の影響か天気も悪かったこの週末、特にやることもないのでまた新しいスキルを作りました。今回は、Figmaの中でテーブル（表組み）を作るのを楽にする「slot-table-maker」、Figmaのエージェントで作業中のチャットを新しいチャットに引き継ぐための「agent-handoff」の2つです。 続きを読む...
【アップデート】Claude版／Figma版に新スキル登場＆スキル更新のお知らせ（2026.09.02）
Figmaのコミュニティに公開した「design-md」スキルの利用者が増えつつあってありがたい限りです。「もっともっと日々の作業が楽にならないかな…」と考えていたら、新しく5つのスキルができました。今回は、Claude版に2つ、Figma版に3つのスキルが新登場。 続きを読む...
【アップデート】Figma用スキル更新のお知らせ（2026.08.29）
コミュニティスキルの「design-md」を作る際に少しだけ仕様の変更を加えたので、今日の更新分はそのスキルのみになります。 続きを読む...
【アップデート】Figma用スキル新規追加と更新のお知らせ（2026.08.28）
昨日、そして今日と連続してFigmaコミュニティに「alt-suggest」「i18n-translator」というスキルを公開しました。それに伴い講座内に新しいスキルが増えまして、昨晩のYouTubeでのライブ配信に向けて既存スキルを改修したり、Claude側での更新スキルもいくつかあります。講座内のファイル入替済。 続きを読む...
【アップデート】Figma用スキル更新のお知らせ（2026.08.27）
こもりです。またしてもスキルの更新のお知らせになります。Figmaのデザインエージェント用に最適化して「weather-audit」を作って公開しました。あと、figma-componetize と figma-systematize の2スキルのコンポーネント生成時の挙動を改善しました。 続きを読む...
【アップデート】Figma用スキル更新のお知らせ（2026.08.25）
「figma-systematize」と「create-single-page」の更新のお知らせです。 今回は塗りのないゴーストボタンや画像の塗りがある要素に勝手に色が誤ってバインドされてしまう…、カードの高さをバラバラで作ってしまう…みたいな、稀に出る不具合の修正というかエージェントが適当にやる仕事を矯正する更新です 続きを読む...
【アップデート】新スキル追加と更新のお知らせ（2026.08.24）
海外展開の用意も落ち着いたので、日本語版のFigmaのスキルに新作スキルを2つ追加、それに合わせてそれを利用するスキルを更新しました。 続きを読む...
【アップデート】KMRVID Figma Skills のスキル解説動画更新（2026.08.18）
「KMRVID Figma Skills」のリリースから2週間、新規スキルの追加や既存スキルの機能改善・強化に追われ、スキルの解説動画の更新が滞ってご迷惑をおかけしました。本日解説動画を利用シーンがイメージしやすいようなタイトルとスキルの使い方の内容に全面的にリニューアルしました。 続きを読む...
【夏休みセール】Figma × AI 講座が39%オフ！
連日FigmaのDesign Agentのカスタムスキルやその元となっているClaude Code向けのスキルの追加、更新などのお知らせばかりになっておりましたが、今回は期間限定セールのお知らせです。 続きを読む...
【アップデート】新スキル追加と更新のお知らせ（2026.08.10）
新しいスキル「figma-annotate」を追加しました。それに伴い、figma-alt-suggest も機能追加です。これら2つのスキルの追加・更新によって、AIコーディングの精度を高めるだけでなく、エンジニアさんがFigmaから情報を取得して展開する際にも扱いやすくなるのではないかと考えております。 続きを読む...
【アップデート】新スキル追加のお知らせ（2026.08.09）
Webアクセシビリティ的なところでのサポートスキルが新登場です。Claude版には「a11y-review」、Figma版には「figma-alt-suggest」を追加しました。画像のalt属性に何を入れて良いかわからない問題の解決をお手伝いします。 続きを読む...
【アップデート】スキル更新のお知らせ（2026.08.08）
Claude Codeでスキルを利用して、TailwindベースでレスポンシブなWebサイトを作る場合は自然と縦方向のパターンに収束するのでほとんど関係ないのですが、Figma版のスキルで補助スキルとして利用してモバイルサイズを主として作ると無理矢理感が出てきていたのでこちらをそうならないように、という修正です。 続きを読む...
【アップデート】新スキル追加とスキル更新のお知らせ（2026.08.07）- 追記あり
今回増えたのは「figma-design-md（Figma専用スキル）」です。Figma側でも `DESIGN.md` のインポートと変数追加などができたり、ファイル中の変数やローカルスタイルの情報などをもとに `DESIGN.md` への書き出しができれば便利かもね、ということで双方の機能を統合した形でスキルを用意。 続きを読む...
【アップデート】新スキル追加とスキル更新、価格改定のお知らせ（2026.08.06）
今日は大事なお知らせがあります。Figma版スキルは、想定以上の早さで収録スキルが増えまして現在15個になりました。それらのスキルの数はもちろんですが、スキル群が持つ仕事の効率化をもたらす価値と販売予定価格があまりに釣り合っておりませんので、来週から価格を改定します。 続きを読む...
【アップデート】新スキル追加とスキル更新のお知らせ（2026.08.05）
今日もまた新しいスキルの追加と更新のお知らせです（今日の更新はClaude版もあります）。「KMRVID Figma Skills」は登録スキルが14個に増え、Figmaで手放しで作りたいページを生成〜AIコーディング対応も申し分ないFigmaファイルへの最適化まで全自動で走らせることが可能になりました。 続きを読む...
【アップデート】新スキル追加とスキル更新のお知らせ（2026.08.04）
既存のスキルを使いながら「これにこういうのも追加した方が便利じゃ？」「エージェントの気まぐれな挙動を改善できたら…」とかしてると、新作スキルを思いついちゃったりして、スキル絡みで毎日が慌ただしいです。既にお使いの皆さんにおかれましては、のんびりと更新していただいても大丈夫。というわけで、今回のアップデートサマリーです。 続きを読む...
【アップデート】新スキル追加とスキル更新のお知らせ（2026.08.03）
Figma版「figma-tokenize」「figma-componentize」のスキルを更新しました。キャンバス内で適用されている色を変数化する際、アルファ値（不透明度）がある色に透明度を設定せずに視覚的に問題ないように反映するFigma側での挙動をClaude Code用スキルと同じ設定方法に変更しました。 続きを読む...
【アップデート】新スキル追加とスキル更新のお知らせ（2026.08.02）
新作スキルの追加や既存スキルのアップデートが続きます。こもりです。今回は先日発売を開始した「KMRVID Figma Skills」に早速2つのスキルを新規追加しました。また、更新スキルもあります。詳細はページ内でご確認くださいますようよろしくお願いいたします。 続きを読む...
KMRVID Figma Skills 販売開始（とスキル更新のお知らせ）
さて、お待たせしました？かどうかはわかりませんが、好評販売中のオリジナル Claude Code スキル講座である「KMRVID Claude Skills」からFigmaに関係するスキルをいくつか取り出した「KMRVID Figma Skills」を販売開始しました。現在、発売記念価格の3,300円（税込）で提供中 続きを読む...
【アップデート】新スキル追加とスキル更新のお知らせ（2026.07.29）
またまたスキルの追加です。今回は、Astroプロジェクトにいつでも多言語対応を追加できるスキル「astro-i18n」の追加に加えて、Figmaの新機能「Design Agent」に関する発見とそこから生まれた新しいスキルセット「kmrvid-skills-figma」と既存スキルの更新内容をまとめてお届けしますね。 続きを読む...
【追記あり】新スキル追加とスキル更新のお知らせ（2026.07.25）
今回は新規スキル「figma-contrast-check」の追加と、既存の create-design-md に見つかった不具合の修正をお届けします。FigmaのフレームのURLを渡すことで、中のレイヤーにあるテキストの色と背景色を精査してレポート提出、ご希望に応じて自動修正まで可能です。 続きを読む...
【アップデート】新スキル追加とスキル更新のお知らせ（2026.07.24）
「KMRVID Claude Skills」にまた新たに「figma-layer-rename」「figma-tokenize」というFigmaに関係したスキル、オリジナルCSSからAIエージェントが得意とするTailwind CSSへの移行の手助けをする「css-to-tailwind」スキルが仲間入りしました。それに伴い定価から4,400円オフになる、「スキル増量！週末ディスカウント」もスタート。この機会に是非 続きを読む...
【アップデート】新スキル追加とスキル更新のお知らせ（2026.07.21）
今日は新しいスキルを2つ追加し、既存のスキルの連携強化をしました。追加されたのは「パイプラインを自分で組む・理解する」というお勉強スキル2本。更新は、先日新規追加したスキルが「パイプラインを通すとスキップされてしまう」問題の解消です。create-mockup と create-multi-mockup も少し変更あり 続きを読む...
【アップデート】新スキル追加とスキル更新のお知らせ（2026.07.19）
前回のアップデートからあまり間が空いていませんが、新しいスキルが2つ増えたのと、既存スキルにもそれに関わる更新が入りました。今回は「作ったモックアップを順番に最適化して仕上げられるパイプライン」「モックアップ生成をAI任せにせず、日本のサイトらしい演出を好みで追加指定できるスキル」という、実案件寄りの内容が中心です 続きを読む...
【アップデート】新スキル追加とスキル更新のお知らせ（2026.07.17）
先日スキル群をアップデートして、不足していたスキルの使い方動画を追加したばかりで、またしても舌の根も乾かぬうちに…ですが、新作スキル「rewrite-me」と既存スキルのアップデートのお知らせです。また、発売記念価格から通常販売価格に戻した後、先週末だけの限定セールをしていたのですが前回間に合わなかった方に朗報です。 続きを読む...
【アップデート】スキルの解説動画を一部刷新しました（2026.07.15）
お待たせしました。リリースから約2週間、新たにいろいろなスキルが追加されたり既存スキル自体の機能改善・強化をしたことで、スキルの解説動画の内容が古くなってしまった部分が多く出てきましたので、スキルの解説動画を再収録し動画解説セクションの順番なども見直しました。「オリジナルスキルについて」のセクションのみの更新です。 続きを読む...
【アップデート】新スキル追加とスキル更新のお知らせ（2026.07.13）
今日は、新スキルの追加と既存スキルの機能強化のお知らせです。今回追加した新スキル「brief-me」は、モックアップを作る前に「ビジネス要件を質問形式で整理して BRIEF.md に書き出す」ためのスキルです。他のスキルについても、機能改修・強化をおこないました。 続きを読む...
【アップデート】スキル更新のお知らせと無料公開スキル（2026.07.10）
ページをFigmaにキャプチャする「Code to Canvas」を実行する際に稀に初回で手間取ってしまう事象を発見しまして、その問題を解消した新版の「code-fo-figma」を用意して講座内のスキルファイルに最新版として入れておきました。こちらはもう既に講座内に反映済です（7月10日16:15反映）。 続きを読む...
【アップデート】KMRVID Skills のスキル更新のお知らせ（2026.07.08）
先日5日に「KMRVID Skills」のアップデートをお知らせしたばかりですが、その後もスキルの機能改修／強化などを進めておりまして、実際に使っていて気になる点などを修正しました。また、今回新たにランディングページ生成に特化したスキルを新投入です。 続きを読む...
【アップデート】KMRVID Claude Skillsのスキル更新と価格変更
先週の月曜から一般販売を開始した「KMRVID Claude Skills」講座内のスキル群に新作スキルを追加し、既存スキルについても機能改善ならびに一部スキルについては大幅に機能強化されています。講座内の冒頭の動画下にある添付ファイルを日本語版／英語版ともに最新の状態に更新しました。是非、お手元のスキルと入れ替えてご活用ください。 続きを読む...
【セミナー登壇】手作業から解放される！Claude Codeで実現するWeb制作の自律自動化
いつもお世話になっている「CeeBeeDee」さんで「手作業から解放される！Claude Codeで実現するWeb制作の自律自動化」と言うセミナーを本日7/1（水）21:00〜緊急開催することになりました。 続きを読む...
【update】各種スターターキットとClaude Code 用スキル
オリジナルの各種スターターキットとClaude Code用のスキルです。スターターキットとスキルの多くはGitHubにて公開していますが、一部スキル（create-mockup / create-multi-mockup / astro-doctor）については販売中の講座の付録やセミナー特典として限定配布のみになります。 続きを読む...
【正式リリース】Astro v6 実践ガイド 〜 基礎から学ぶモダンなWeb制作
スピーディにモダンなWebサイトが構築できると話題のフレームワーク「Astro」。その最新バージョンである「Ver. 6」の基本から実践までハンズオン形式で余すところなく詰め込んだ講座「Astro v6 実践ガイド 〜 基礎から学ぶモダンなWeb制作」の発売決定！（一般に非公開のオリジナルClaude Codeスキルも同梱）。 続きを読む...
スキルを使った自動化パートを追加しました
セミナーの特典として解説用のファイルをいくつか配布した中には「AIエージェント用のスキル（Claude CodeとCopilot用）」を忍ばせていたのですが、その内容にさらに便利なスキルをいくつか追加して日本語化しまして、「これらのスキルの解説と実際どういう感じで使うのか」を講座の付録パートとして新版の添付ファイル付き（React版／HTML版）で追加しました。こちらは「Figma × AI」（Figma Design -マスター編、Figma Desing -パック、それぞれの講座にも含まれています）、「Tailwind CSS v4 実践ガイド」の双方の講座の付録パートして公開していますので、是非ご覧ください。   続きを読む...
【CeeBeeDee】これから覚えるTailwind CSS セミナーのお知らせ
「これから覚えるTailwind CSS」というセミナーを2026年5月22日（金）21:00〜に開催することになりました。今回のセミナーは、デザイナーさんやディレクターさんなど自分でコードは書かないんだけど、最近のAIの進化で頭に思い描いたものをAIサービスなどで作り始めた方、またTailwind CSSの存在自体は知ってはいるけどちゃんとは使ったことがないマークアップエンジニアさんやコーダーさんなどを対象と考えております。 続きを読む...
figma-audit-skill を公開しました（追記あり）
ふと「何か使えるスキル作れないかな？」と思いまして、FigmaのファイルのフレームURLをAIさんに渡して、そのフレーム構造がAI的に理解しやすいものになっているかをチェックして、改善点とかをレポートするClaude Codeのスキルを作ってみました。Figma MCP経由でコード化がうまくいかない人とか、このスキルを使ってチェックすれば、自分のFigmaファイルがAIに理解しやすいのかどうか、そうなってなければ改善点がどこかわかるかな、と。せっかく作ったので、世界に向けて公開します（笑）。 続きを読む...
「Figma × AI」講座に番外編として「Claude Codeの導入」を追加
先日のセミナーの中核にあったClaude Codeを使って前準備から起動、設定、実際の使い方などを、Figma × AI講座の【番外編】としてまとめて追加しました（10本／58分）。 続きを読む...
Gemini CLIへのFigma MCPの追加方法を更新
「Figma × AI」の方で公開していた「103. Figmaからコードへ」の章の「GeminiへのMCP追加とVSCode拡張機能（9:15）」を最新版の内容に入れ替えました。今回は、先月更新した際に既にご覧いただいて実行されている方もいらっしゃると思いますので、前に入れたバージョンのアンインストール方法とあわせてインストール方法を紹介する内容に入れ替えました。 続きを読む...
Figma MCPの新ツールの解説を追加しました
新しいツールはまだβ版の扱いではありますが、「これはすぐにでも解説せねばならんな…」ということで秒速ではないですが、自分で言うのも何ですが鬼のような速さで解説動画を「Figma AI」講座に追加しました。先月追加したコンテンツについても若干ですが内容を更新して再録、講座内の章の並びも少し変更をしております。 続きを読む...
Figma Design の新機能「スロット」の解説を追加
2026年3月初頭に本丸「Figma Design」で皆さん待望の新機能「スロット」がオープンβとして公開されました。スロット自体の使い方はさほど難しいものではなく、フレームやオートレイアウトの延長線で使えるようなものになっています。今回まだオープンβの段階ではありますが、「Figma Design - マスター編」に追加コンテンツとして新規に登録しました。是非、ご覧ください。 続きを読む...
#こもりの講座　明日3月8日までは全商品36%OFF！
2026年3月6日、「1日限定」ですべての動画講座が【36%OFF】になる、年に一度の特別セールを開催します。初学者からプロまで対応した「Figma」関連の各種講座だけでなく、これから始めたい方向けの「React」や「TypeScript」など各種コーディング入門講座も全部まとめて、気になっていたあのコースをお得に始める大チャンス（セールとなっているパック商品は、現在の販売価格から36%OFF） 続きを読む...
Figma × AI にAIレディな作業環境の作り方を追加
昨日「Figma × AI」講座のコンテンツを大幅刷新してリニューアルリリースしたばかりなのですが、Figma MCPを使ってAIでコーディングしようにも講座内のサンプルで試す以外に、自分自身でオリジナルの作業環境を用意したい方も多いかと思い、新たに付録として「MCP を実行する環境作り」という章を追加しました（動画本数10本、時間約40分）。 続きを読む...
「Figma × AI」講座の内容を大幅にアップデート
2026年2月17日に公開された「Claude Code → Figma Design」のニュースに併せて、この度「Figma × AI」講座の内容を大幅に改訂しました。もともとは「Figma Design - マスター編」の追加コンテンツの位置付けで用意した内容であったため、若干講座内容に継ぎ接ぎ感があったこと、また公開から半年足らずでいろいろな情報が新しくなったこともあり、前述のニュースを受けて講座全体の内容構成を見直し、2026年2月現在の最新の情報で講座をアップデートしました。 続きを読む...
「使いながら覚えるTypeScript」をリリースしました
今回は「これからTypeScrptを覚えるんだ！」という方、「jQueryまでは何とかなったけど…」「書籍買ってはみたけど何だかわからなかった」とかそういう方を対象とし、とりあえず TypeScript を動かす環境を作って、実際に簡単な「買い物リストアプリ」を作りながら TypeScript のお作法を覚えてもらう講座を作ってみました。 続きを読む...
「 続・React入門」正式リリース日と講座の無料プレビュー
「これならできる！ React入門」の続編にあたる「現場で使える！ 続・React入門」が完成しました。告知段階では1月23日（金）前後としておりましたが、1日だけ予定を早めて、1月22日（木）を正式リリース日といたします。リリース日前日までとしていた先行予約価格は前日までとせず、正式リリース日当日の「1月22日（木）23:59まで」とします。 続きを読む...
Node.js のセキュリティリリースついでに
Node.js のセキュリティリリースが出ていたので、そのお知らせついでにアップデートの仕方とかを。 続きを読む...
AIにコードを書かせる時代に、なぜ私はコーディングの講座を作るのか？
AIがいろいろやってはくれますが全部をそれ任せにするのではなく、AIという優秀な部下がたまに間違ったことをしそうなときに、その間違いを適切に指導・修正できる「現場監督（ディレクション）」の能力、言葉を換えれば「AIにちゃんと働いてもらう」ための指示力を身につけてほしい。それが、私が今になって技術講座を作っている理由です。   続きを読む...
React 入門のコンテンツ追加と続編「現場で使える！ 続・React入門」の先行予約開始のお知らせ
次は実務で必須となる「機能」と「設計」を実装していきます。 Reactを使いこなす上でおさえておきたいステートを使ったインタラクティブな要素の実装やコンテンツの絞り込み、お問い合わせフォームの実装、そして外部データのモダンな取得方法までを網羅した続編の登場です。 続きを読む...
商品詳細ページでレビューを書けるようにしました
これまでカスタマーレビューのようなブロックを置いてなかったのですが、ぼちぼち講座のラインナップも増えてきたことですし、動画講座をご購入くださった方限定でレビューを書いてもらえるようにしました 続きを読む...