こもりまさあき。フリーランス歴25年。手がけたWeb制作関連書籍は執筆/監修含め多数。最近はWeb制作業務におけるAIエージェント活用のあれこれを発信しつつ、Figma、TypeScirpt/React、Tailwind CSSなどの解説動画を販売。Unsplashの全投稿者で最も閲覧数の多い500人の中の1人でもある

Tokyo, JAPAN
Filter
Exclude
Time range
-
Minimum likes
komori, masaaki retweeted
おはようございます!もう金曜日💨 今日は #LXデザイン質問箱 にツールに関するご質問をいただきました!事業部ごとに少し異なるので、それぞれのデザイナーから説明させていただきます!🌟 note.com/qa/layerx_design/q/…
4
5
1,280
komori, masaaki retweeted
[メディア掲載] NIKKEI DESIGN 10月号 特集にてDesign Advocateの @hiloki へのインタビューが掲載されています。AIが開発プロセスに組み込まれた今、Figmaやデザイナーの役割などについてお話ししました。記事はオンラインでも読めますのでご覧ください🔽
1
1
6
908
【#がんばれパンチ オリジナルフレーム切手】 9/19(土)に園内で先行販売会がありましたが、 一般販売でも即完売だったそうです。 日本郵便様より再販の情報です。 ☑️市内郵便局(37局)の窓口: 10/5(月)~ ☑️Web販売: 10/5(月)10:00~ 今後も受注販売を含めご検討中とのことです。 #市川市動植物園
119
565
6,946
123,468
実装済みページの目に見える文言をビジネス要件 BRIEF.md に合わせて書き直すスキル「rewrite-me」も公開しました。 brief-me とセットで使うと良いですね。 Mockups get built fast, with rough or placeholder copy, before business requirem Rewrite Me — Copy Rewrite Against Your BRIEF.md agensi.io/skills/rewrite-me-…
59
Agensiに「code-to-figma」を出品しました。実装済みのコードを、望むフィデリティでFigmaに書き出すスキルです。今回の出品にあたり、安定して書き出せるように結構修正を加えています。 ・Level 1: Code to Canvas でそのままFigmaに(編集不可、最速)。Chrome機能拡張と同じだけど、エクスポート設定まで自動 ・Level 2: 実ノードとして生成(オートレイアウト付き) ・Level 3: コンポーネント+バリアント化までプラス ・Level 4: コード内のカラー・スペーシングトークンをFigma変数に紐付けたフル生成(デザインシステム品質) Astroの動的ルート([slug]等)にも対応していて、ブログ記事や商品ページを1件・複数件・全件からバッチでエクスポートできます。 agensi.io/skills/code-to-fig… New Skill `code-to-figma` on Agensi. Sends your implemented code to Figma at whatever fidelity you need. • Level 1: code to canvas straight into Figma (non-editable, fastest). Export options available • Level 2: real Figma nodes with auto layout • Level 3: components + variants • Level 4: full rebuild with your code's actual color/spacing tokens bound as Figma variables (design-system quality) Handles dynamic routes (Astro's [slug] etc.) too — export one page, a batch, or every entry in a content collection at once. agensi.io/skills/code-to-fig…
106
続けてもう1本。「brief-me」はモックアップや実装に入る前に、要件を構造化インタビューしてBRIEF.mdにまとめるスキルです。 サイト種別・ターゲット・ペルソナ詳細・訴求ポイント・競合差別化・デバイス優先度・ブランド資産・コンバージョンゴールを4ラウンドの質問で引き出します。「LP作って」だけで済ませず、エージェントが推論で埋めがちな前提を先に固めておくことで、後工程のコピーやセクション構成の精度が上がります。 Web・アプリどちらの要件定義にも使え、質問・出力とも会話言語に自動対応。最初の「何が作りたい?」への回答を詳細に渡せば渡すほど、BRIEF.mdの精度も上がります。 agensi.io/skills/brief-me-pr… Second one: `brief-me` — a structured requirements interview that runs before any mockup or code gets written, and hands off the answers as a durable BRIEF.md. Four rounds of questions cover site/app type, target audience, persona detail, value proposition, competitive differentiation, device priority, brand assets, and conversion goal. Instead of letting an agent quietly guess your audience and goal from a thin prompt, it locks those down first — which shows up later in sharper copy and section priorities. Works for websites and app screens alike, and both the questions and BRIEF.md adapt to whatever language you're using. The more detailed your answer to the initial question, “What do you want to create?”, the more accurate BRIEF.md will be. agensi.io/skills/brief-me-pr…
71
これと同じことをするFigmaエージェント版は、こちらのAgensiに登録できないのでパッケージ版でのみの提供です。先着10名様、早い者勝ちで大幅に割引中です。以下のリンクからどうぞ KMRVID Figma Skills(Figma版スキル30個): 定価¥15,400 → ¥5,500(税込、¥9,900引き) kmrvid.com/discount/3C39CXC3…
ターミナル側からFigmaを構造化するスキル4本をまとめたバンドルをAgensiで公開しました。 「Figma Structuring Kit」 Tidy Up + Tokenize + Componentize + Enhance $36 → $25.20(30%オフ) agensi.io/bundles/figma-stru… 手動配置でぐちゃぐちゃなFigmaフレームを ・オートレイアウトで整理(Tidy Up) ・色/スペーシングを変数化(Tokenize) ・繰り返し要素をコンポーネント化(Componentize) ・仕上げの監査(Enhance) という4工程で構造化できます。 さらに無料の Figma Layer Rename(レイヤー名の一括整理) agensi.io/skills/figma-layer… と Figma Optimize(この5工程から必要なものだけ選んで自動実行するオーケストレーター) agensi.io/skills/figma-optim… を組み合わせると、Optimize を呼ぶだけで整理から仕上げまでの一連の最適化フローが完結します。
152
Replying to @mrterrycarson
Glad you like them! I've swapped in the updated Claude Skills package with these new skills, so go ahead and download it again. Though I'll be updating just the references tomorrow, so waiting until then works too!
8
Just published a bundle of 4 Figma structuring skills on Agensi. "Figma Structuring Kit" Tidy Up + Tokenize + Componentize + Enhance $36 → $25.20 (30% off) agensi.io/bundles/figma-stru… Turns a messy, manually-positioned Figma frame into something structured, in 4 passes: ・Auto layout restructuring (Tidy Up) ・Color/spacing tokens (Tokenize) ・Repeated elements → components (Componentize) ・A final audit pass (Enhance) Pair it with the free Figma Layer Rename (bulk-fix auto-generated layer names) agensi.io/skills/figma-layer… and Figma Optimize (an orchestrator that runs only the passes you pick, in the right order) agensi.io/skills/figma-optim… and calling Optimize alone takes you from a messy frame all the way through cleanup.
1
1
99
ターミナル側からFigmaを構造化するスキル4本をまとめたバンドルをAgensiで公開しました。 「Figma Structuring Kit」 Tidy Up + Tokenize + Componentize + Enhance $36 → $25.20(30%オフ) agensi.io/bundles/figma-stru… 手動配置でぐちゃぐちゃなFigmaフレームを ・オートレイアウトで整理(Tidy Up) ・色/スペーシングを変数化(Tokenize) ・繰り返し要素をコンポーネント化(Componentize) ・仕上げの監査(Enhance) という4工程で構造化できます。 さらに無料の Figma Layer Rename(レイヤー名の一括整理) agensi.io/skills/figma-layer… と Figma Optimize(この5工程から必要なものだけ選んで自動実行するオーケストレーター) agensi.io/skills/figma-optim… を組み合わせると、Optimize を呼ぶだけで整理から仕上げまでの一連の最適化フローが完結します。
243
komori, masaaki retweeted
Agensiの登録スキル20個公開達成のお祝いとして、日本語での解説動画付き講座パッケージ「KMRVID Claude Skills」「KMRVID Figma Skills」をそれぞれ先着10名様限定、いずれも定価から -9,900円 の大幅値引きで提供開始しました。滅多にないことなので急いで〜(一番最後らへんにリンクありです)
1
249
komori, masaaki retweeted
高市早苗、世界から置き去りにされる、の図。 外交の失敗をハッキリ見せつけられましたね。
Good angle NHKを筆頭に日本のテレビ局や新聞社はこんな映像(写真)を流せない。(報道の自由度117位)
166
7,025
27,430
819,938
あ、スキル使ってみて良かった!って方がいらしたら、周りの方に教えてあげてください。このチャンスを逃すと二度とこの価格にはならないので(笑)
292
komori, masaaki retweeted
笑った表情の写真を切り貼りして、2人がいい雰囲気で向き合っているように見える一枚に加工。 本当に日米同盟の「力強さ」に自信があるなら、切り貼りした写真で嘘の親密さを演出する必要なんてない。 ありのままを使えないのは親密ではない証拠。
トランプ大統領との日米首脳電話会談が先ほど始まりました。(写真は今週ニューヨークでの首脳会談時のもの)
38
1,013
4,509
53,076
このツイートに 「iphone売れ」「映画見る金で飯食え」 とか言ってくる人いるんですけど、 「健康で文化的な最低限度の生活」ってどういうものか理解してないのだろうか。 単に衣食住が足りてる、だけじゃないよ。 月に1回は映画館へ行き、本を1~2冊買い、焼肉を食べ、ささやかながら推し活をする。 年に1回は温泉に行ったり、大切な人にプレゼントを贈ったり、気に入った服を買う。 そういうものなんだけど。 我々は家畜じゃないんだよ。
「食事キャンセル」や「こども食堂」が存在する時点で国家は生存権を守ってないんだよ。 憲法違反なんだよ。
128
3,174
11,114
487,808
komori, masaaki retweeted
NYのマムダニ市長すごすぎる。 「美術館・博物館は稼ぎを上げないと閉館するぞ」と脅し、クラファンさせる日本の政治家どもの文化への敬意のなさを見ると絶望しかない。
ニューヨーク市とメトロポリタン歌劇場が、2026-27シーズンに7万枚の無料チケットを、これまでメトをほとんど利用してこなかったニューヨーカーへ提供する「Opera for All」を始めたという。 毎月1万枚、シーズン全体のおよそ1割に当たり、特定の安い席だけではなく、立見を除く各エリアが対象になる。 この話題で私が興味を持ったのは、「無料でオペラを見せる」という部分だけではない。 文化というものは、好きになった人が自分から出かけていくものだと思われがちだが、実際には順序が逆になることがある。 何となく誘われて劇場へ行き、生の声やオーケストラの音を身体で受け、その一晩をきっかけに、それまで自分とは無関係だと思っていた世界が突然身近になる。 私自身、長く舞台に関わってきたが、録音や配信で作品を知ることと、劇場の客席で体験することは同じではない。 歌手の声が空間を渡って届く感覚、オーケストラが鳴り始めた時の空気、舞台と客席が同じ時間を共有する緊張感は、その場へ行かなければ分からない。 だから観客を増やしたいのなら、「オペラの魅力をもっと説明しよう」だけでは足りない場合がある。 説明以前に、一度その場所へ入ってもらう必要がある。 今回の仕組みには、もう一つ興味深い点がある。 メトは現在、平均有料入場率を75%としており、この取り組みでは未販売席を新しい観客へ振り向けるとしている。 つまり、単に無料券を配るだけではなく、空いている客席を将来の観客との接点に変えるという側面も持っている。 もちろん、本当に意味のある取り組みだったかどうかは、7万人を入れたという数字だけでは判断できない。 その中からもう一度自分のお金で劇場へ来る人がどれだけ生まれるのか、別の舞台芸術にも足を運ぶようになるのかまで見なければ、文化への入口を作ったことにはならないだろう。 それでも、芸術に触れる機会を考える時、「興味のある人だけが来ればよい」では、新しい観客はなかなか生まれない。 人は、知らないものを好きになることはできない。 文化を次の世代へ渡すというのは、作品を残すことだけではなく、まだそれを知らない人に、最初の一回を届けることでもあるのだと思う。
4
1,255
4,191
68,747