https://b.hatena.ne.jp/michael-unltd/*design/ *designに関するmichael-unltdのはてなブックマーク (470) https://github.com/zanwei/design-dna/blob/main/README.ja.md “コーディングエージェント向けのスキルで、視覚的なデザインアイデンティティ（Design DNA）を抽出・構造化・適用します。三つの次元をカバーします：デザインシステム、デザインスタイル、ビジュアルエフェクト。 ” michael-unltd 2026-07-03T16:20:07Z *development *design 1 <blockquote cite="https://github.com/zanwei/design-dna/blob/main/README.ja.md" title="design-dna/README.ja.md at main · zanwei/design-dna"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fzanwei%2Fdesign-dna%2Fblob%2Fmain%2FREADME.ja.md" alt="" /> <a href="https://github.com/zanwei/design-dna/blob/main/README.ja.md">design-dna/README.ja.md at main · zanwei/design-dna</a></cite><p><a href="https://github.com/zanwei/design-dna/blob/main/README.ja.md"><img src="" alt="design-dna/README.ja.md at main · zanwei/design-dna" title="design-dna/README.ja.md at main · zanwei/design-dna" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/zanwei/design-dna/blob/main/README.ja.md"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/zanwei/design-dna/blob/main/README.ja.md" alt="はてなブックマーク - design-dna/README.ja.md at main · zanwei/design-dna" title="はてなブックマーク - design-dna/README.ja.md at main · zanwei/design-dna" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/zanwei/design-dna/blob/main/README.ja.md"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://developers.cyberagent.co.jp/blog/archives/63477/ michael-unltd 2026-06-12T18:02:27Z 設計 *design 2 <blockquote cite="https://developers.cyberagent.co.jp/blog/archives/63477/" title="職域を超えるデザイン – AI時代のデジタルプロダクトデザイン戦略 | CyberAgent Developers Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdevelopers.cyberagent.co.jp%2Fblog%2Farchives%2F63477%2F" alt="" /> <a href="https://developers.cyberagent.co.jp/blog/archives/63477/">職域を超えるデザイン – AI時代のデジタルプロダクトデザイン戦略 | CyberAgent Developers Blog</a></cite><p><a href="https://developers.cyberagent.co.jp/blog/archives/63477/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/735d1d97f6baa4604828e88c536952016096c44f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdevelopers.cyberagent.co.jp%2Fblog%2Fwp-content%2Fuploads%2F2026%2F04%2Fbc37475cb67d518543718375619b40b8-2.jpg" alt="職域を超えるデザイン – AI時代のデジタルプロダクトデザイン戦略 | CyberAgent Developers Blog" title="職域を超えるデザイン – AI時代のデジタルプロダクトデザイン戦略 | CyberAgent Developers Blog" class="entry-image" /></a></p><p>AmebaLIFE事業本部のデジタルプロダクトデザインリードの本田です。 今回は、近年我々が取り組んでいるデザイナーの職域越境事例について、少しご紹介したいと思います。 AIによる価値観の変容について 我々のようなデジタルプロダクトの開発に携わる人間にとって今最も欠かせない話題、それはAIです。 私はAmebaLIFEで...</p><p><a href="https://b.hatena.ne.jp/entry/s/developers.cyberagent.co.jp/blog/archives/63477/"><img src="https://b.hatena.ne.jp/entry/image/https://developers.cyberagent.co.jp/blog/archives/63477/" alt="はてなブックマーク - 職域を超えるデザイン – AI時代のデジタルプロダクトデザイン戦略 | CyberAgent Developers Blog" title="はてなブックマーク - 職域を超えるデザイン – AI時代のデジタルプロダクトデザイン戦略 | CyberAgent Developers Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developers.cyberagent.co.jp/blog/archives/63477/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://airside.jp/copy-of-all-projects michael-unltd 2026-06-02T16:08:27Z *business *company *design 16 <blockquote cite="https://airside.jp/copy-of-all-projects" title="Airside Nippon"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fairside.jp%2Fcopy-of-all-projects" alt="" /> <a href="https://airside.jp/copy-of-all-projects">Airside Nippon</a></cite><p><a href="https://airside.jp/copy-of-all-projects"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/71e45d95c25c32fcc65ce45201b35bc07b07dc7b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.myportfolio.com%2F86ab7150-7579-49b2-bc8e-ea45278fc58a%2Fb5ca6da7-38e2-4a43-8a09-2186afcced1b_rwc_0x0x1201x1200x1201.jpg%3Fh%3D527816d76dc31a5eb37674ea574a9258" alt="Airside Nippon" title="Airside Nippon" class="entry-image" /></a></p><p>Airside Nippon originated in London. Based in Japan since 2011 – we provide high-quality graphic design and animation services, bilingual support in both English and Japanese. Airside日本は、ロンドンにルーツを持つデザインスタジオです。現在は日本を拠点とし、UKから来日したクリエイティブディレクター...</p><p><a href="https://b.hatena.ne.jp/entry/s/airside.jp/copy-of-all-projects"><img src="https://b.hatena.ne.jp/entry/image/https://airside.jp/copy-of-all-projects" alt="はてなブックマーク - Airside Nippon" title="はてなブックマーク - Airside Nippon" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/airside.jp/copy-of-all-projects"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://heralbony.com/collections/smartphone-case michael-unltd 2026-05-21T12:02:12Z *marketing *design 1 <blockquote cite="https://heralbony.com/collections/smartphone-case" title="スマホケース"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fheralbony.com%2Fcollections%2Fsmartphone-case" alt="" /> <a href="https://heralbony.com/collections/smartphone-case">スマホケース</a></cite><p><a href="https://heralbony.com/collections/smartphone-case"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c253dd585f57396dc86c20df091ef1b85ba19085/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fheralbony.com%2Fcdn%2Fshop%2Fcollections%2Fimage-924901.jpg%3Fv%3D1750978458" alt="スマホケース" title="スマホケース" class="entry-image" /></a></p><p>fuco: (1) GAMON (1) marina (1) XL (1) 三谷 由芙 (1) 中尾 涼 (1) 中川 ももこ (1) 伊賀 敢男留 (1) 佐々木 早苗 (1) 佐々木 柴乃 (1) 八重樫 道代 (1) 内山.K (1) 和田 成亮 (1) 安斎 隆史 (1) 小林 泰寛 (1) 小林 覚 (1) 岩瀬 俊一 (1) 工藤 みどり (1) 栗原 汰希 (1) 森 雅樹 (1) 水上 詩楽 (1) 渡邉 行夫 (1) 澁田...</p><p><a href="https://b.hatena.ne.jp/entry/s/heralbony.com/collections/smartphone-case"><img src="https://b.hatena.ne.jp/entry/image/https://heralbony.com/collections/smartphone-case" alt="はてなブックマーク - スマホケース" title="はてなブックマーク - スマホケース" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/heralbony.com/collections/smartphone-case"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://azukiazusa.dev/blog/openui-framework-for-generative-ui/ “OpenUI は AI に JSON やマークダウンを生成させるのではなく、OpenUI 言語 と呼ばれる独自の言語仕様を生成させ、クライアントのコンポーネントにマッピングすることにより安全にレンダリングされる UI を実現します。” michael-unltd 2026-05-16T12:52:50Z ui *development *design 93 <blockquote cite="https://azukiazusa.dev/blog/openui-framework-for-generative-ui/" title="Generative UI のためのフレームワーク OpenUI"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fazukiazusa.dev%2Fblog%2Fopenui-framework-for-generative-ui%2F" alt="" /> <a href="https://azukiazusa.dev/blog/openui-framework-for-generative-ui/">Generative UI のためのフレームワーク OpenUI</a></cite><p><a href="https://azukiazusa.dev/blog/openui-framework-for-generative-ui/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ad79390c14f5a4deac2c24c0104cd56f6df0378e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogp.azukiazusa.dev%2Fblog%2Fogp%2Fopenui-framework-for-generative-ui.png" alt="Generative UI のためのフレームワーク OpenUI" title="Generative UI のためのフレームワーク OpenUI" class="entry-image" /></a></p><p>OpenUI は Generative UI を構築するためのフレームワークです。OpenUI 言語と呼ばれる独自の宣言型言語を使用して、AI が UI を構築するための指示を与えるという新しいアプローチを提供します。この記事では OpenUI を使用して Generative UI を実装する方法について解説します。 AI エージェントがチャットの応答で U...</p><p><a href="https://b.hatena.ne.jp/entry/s/azukiazusa.dev/blog/openui-framework-for-generative-ui/"><img src="https://b.hatena.ne.jp/entry/image/https://azukiazusa.dev/blog/openui-framework-for-generative-ui/" alt="はてなブックマーク - Generative UI のためのフレームワーク OpenUI" title="はてなブックマーク - Generative UI のためのフレームワーク OpenUI" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/azukiazusa.dev/blog/openui-framework-for-generative-ui/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://note.com/chinanezu/n/n631b4a0590ee “スライド作成で使ったプロンプト” michael-unltd 2026-05-04T08:24:22Z *design Manus *お役立ち 1 <blockquote cite="https://note.com/chinanezu/n/n631b4a0590ee" title="Manus SlidesにGPT Image2が登場！たった数分でスライド資料つくってもらった。【実物あり】｜ちな"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fchinanezu%2Fn%2Fn631b4a0590ee" alt="" /> <a href="https://note.com/chinanezu/n/n631b4a0590ee">Manus SlidesにGPT Image2が登場！たった数分でスライド資料つくってもらった。【実物あり】｜ちな</a></cite><p><a href="https://note.com/chinanezu/n/n631b4a0590ee"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/695de34873651598a78abb62dc17422d2e1b818d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F271848646%2Frectangle_large_type_2_80d2d95a3e39e687690e48c7df9274a5.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="Manus SlidesにGPT Image2が登場！たった数分でスライド資料つくってもらった。【実物あり】｜ちな" title="Manus SlidesにGPT Image2が登場！たった数分でスライド資料つくってもらった。【実物あり】｜ちな" class="entry-image" /></a></p><p>【新機能のお知らせ】 GPT Images 2.0 が Manus で使用可能になりました 画像単体の生成でも、スライド作成でも、OpenAIの最新画像生成モデル「GPT Images 2.0」をそのまま活用できます。 主な特徴： ・ネイティブ4K解像度（3840×2160）での生成 ・UIラベルや表などのテキストを正確に描画… pic.twitter.com/RpRJfsrY52 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/note.com/chinanezu/n/n631b4a0590ee"><img src="https://b.hatena.ne.jp/entry/image/https://note.com/chinanezu/n/n631b4a0590ee" alt="はてなブックマーク - Manus SlidesにGPT Image2が登場！たった数分でスライド資料つくってもらった。【実物あり】｜ちな" title="はてなブックマーク - Manus SlidesにGPT Image2が登場！たった数分でスライド資料つくってもらった。【実物あり】｜ちな" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/note.com/chinanezu/n/n631b4a0590ee"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.typeui.sh/ DESIGN.md Style Extractor： 気になったWebページを開いて拡張機能を1クリックすると、AIに食わせるための DESIGN.md / SKILL.md を自動生成してくれる。 michael-unltd 2026-04-30T07:36:57Z *お役立ち *design ai 1 <blockquote cite="https://www.typeui.sh/" title="TypeUI - Design Layer for AI agentic tooling | TypeUI"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.typeui.sh%2F" alt="" /> <a href="https://www.typeui.sh/">TypeUI - Design Layer for AI agentic tooling | TypeUI</a></cite><p><a href="https://www.typeui.sh/"><img src="" alt="TypeUI - Design Layer for AI agentic tooling | TypeUI" title="TypeUI - Design Layer for AI agentic tooling | TypeUI" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/www.typeui.sh/"><img src="https://b.hatena.ne.jp/entry/image/https://www.typeui.sh/" alt="はてなブックマーク - TypeUI - Design Layer for AI agentic tooling | TypeUI" title="はてなブックマーク - TypeUI - Design Layer for AI agentic tooling | TypeUI" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.typeui.sh/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://note.com/yahman5002/n/nc37f524a74ad “使い方はシンプル # リポジトリをクローン git clone https://github.com/VoltAgent/awesome-design-md.git ~/.claude/design-md copy あとは使いたいブランドのDESIGN.mdをClaudeに添付して「このデザインシステムに従って作って」と指示するだけ。” michael-unltd 2026-04-25T07:30:45Z *design *お役立ち 1 <blockquote cite="https://note.com/yahman5002/n/nc37f524a74ad" title="DESIGN.mdを触ってみたら思ってた以上に便利だった【早見表もつくった】｜ichi"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fyahman5002%2Fn%2Fnc37f524a74ad" alt="" /> <a href="https://note.com/yahman5002/n/nc37f524a74ad">DESIGN.mdを触ってみたら思ってた以上に便利だった【早見表もつくった】｜ichi</a></cite><p><a href="https://note.com/yahman5002/n/nc37f524a74ad"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/863abbc1445192d5835706a2be8ae0cdffe17a99/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fd2l930y2yx77uc.cloudfront.net%2Fproduction%2Fsocial_images%2F1355e5647548451a817cfd6358bb0c3d65eaef5b.png" alt="DESIGN.mdを触ってみたら思ってた以上に便利だった【早見表もつくった】｜ichi" title="DESIGN.mdを触ってみたら思ってた以上に便利だった【早見表もつくった】｜ichi" class="entry-image" /></a></p><p>👉 早見表を見る https://raw-orcin.vercel.app/design-md-reference.html きっかけX（Twitter）でDESIGN.mdが話題になっていたので実際に触ってみました。 使ってみたら「あ、これ思ってたより全然便利だ」となったので、感想と、自分用に作った早見表をついでに共有します。 DESIGN.mdとは2026年3月、Googleが「Stitch...</p><p><a href="https://b.hatena.ne.jp/entry/s/note.com/yahman5002/n/nc37f524a74ad"><img src="https://b.hatena.ne.jp/entry/image/https://note.com/yahman5002/n/nc37f524a74ad" alt="はてなブックマーク - DESIGN.mdを触ってみたら思ってた以上に便利だった【早見表もつくった】｜ichi" title="はてなブックマーク - DESIGN.mdを触ってみたら思ってた以上に便利だった【早見表もつくった】｜ichi" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/note.com/yahman5002/n/nc37f524a74ad"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/YouMind-OpenLab/awesome-gpt-image-2 michael-unltd 2026-04-23T06:37:39Z *お役立ち *design 33 <blockquote cite="https://github.com/YouMind-OpenLab/awesome-gpt-image-2" title="GitHub - YouMind-OpenLab/awesome-gpt-image-2: 🚀 World&#39;s largest GPT Image 2 prompt library, updated daily — 2000+ curated prompts with preview images, 16 languages. OpenAI&#39;s next-gen image model with pixel-perfect text rendering, cross-image consistency,"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2FYouMind-OpenLab%2Fawesome-gpt-image-2" alt="" /> <a href="https://github.com/YouMind-OpenLab/awesome-gpt-image-2">GitHub - YouMind-OpenLab/awesome-gpt-image-2: 🚀 World&#39;s largest GPT Image 2 prompt library, updated daily — 2000+ curated prompts with preview images, 16 languages. OpenAI&#39;s next-gen image model with pixel-perfect text rendering, cross-image consistency,</a></cite><p><a href="https://github.com/YouMind-OpenLab/awesome-gpt-image-2"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0cd8342f2b000ce03587582c77f02ef1e153ddc5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2Fb4f5a7817c1b5ee067d7e23dc0b69ce8fb9752d82e35d1cc3ac59ebc4734d656%2FYouMind-OpenLab%2Fawesome-gpt-image-2" alt="GitHub - YouMind-OpenLab/awesome-gpt-image-2: 🚀 World&#39;s largest GPT Image 2 prompt library, updated daily — 2000+ curated prompts with preview images, 16 languages. OpenAI&#39;s next-gen image model with pixel-perfect text rendering, cross-image consistency," title="GitHub - YouMind-OpenLab/awesome-gpt-image-2: 🚀 World&#39;s largest GPT Image 2 prompt library, updated daily — 2000+ curated prompts with preview images, 16 languages. OpenAI&#39;s next-gen image model with pixel-perfect text rendering, cross-image consistency," class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/YouMind-OpenLab/awesome-gpt-image-2"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/YouMind-OpenLab/awesome-gpt-image-2" alt="はてなブックマーク - GitHub - YouMind-OpenLab/awesome-gpt-image-2: 🚀 World&#39;s largest GPT Image 2 prompt library, updated daily — 2000+ curated prompts with preview images, 16 languages. OpenAI&#39;s next-gen image model with pixel-perfect text rendering, cross-image consistency," title="はてなブックマーク - GitHub - YouMind-OpenLab/awesome-gpt-image-2: 🚀 World&#39;s largest GPT Image 2 prompt library, updated daily — 2000+ curated prompts with preview images, 16 languages. OpenAI&#39;s next-gen image model with pixel-perfect text rendering, cross-image consistency," border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/YouMind-OpenLab/awesome-gpt-image-2"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ore-ashi.com/ 背景生成 michael-unltd 2026-04-21T17:54:41Z *design *お役立ち *webサービス 20 <blockquote cite="https://ore-ashi.com/" title="俺アシ － 俺のAIアシスタントが有能すぎて背景モブ小物を全部やってくれる件"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fore-ashi.com%2F" alt="" /> <a href="https://ore-ashi.com/">俺アシ － 俺のAIアシスタントが有能すぎて背景モブ小物を全部やってくれる件</a></cite><p><a href="https://ore-ashi.com/"><img src="" alt="俺アシ － 俺のAIアシスタントが有能すぎて背景モブ小物を全部やってくれる件" title="俺アシ － 俺のAIアシスタントが有能すぎて背景モブ小物を全部やってくれる件" class="entry-image" /></a></p><p>背景とモブキャラ生成に特化したWebアプリ</p><p><a href="https://b.hatena.ne.jp/entry/s/ore-ashi.com/"><img src="https://b.hatena.ne.jp/entry/image/https://ore-ashi.com/" alt="はてなブックマーク - 俺アシ － 俺のAIアシスタントが有能すぎて背景モブ小物を全部やってくれる件" title="はてなブックマーク - 俺アシ － 俺のAIアシスタントが有能すぎて背景モブ小物を全部やってくれる件" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ore-ashi.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://openpencil.dev/ michael-unltd 2026-04-17T08:04:45Z *design *お役立ち 4 <blockquote cite="https://openpencil.dev/" title="OpenPencil — Open-Source Design Editor — OpenPencil"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fopenpencil.dev%2F" alt="" /> <a href="https://openpencil.dev/">OpenPencil — Open-Source Design Editor — OpenPencil</a></cite><p><a href="https://openpencil.dev/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/26bbd7bbc762dd91227ba7b2792353d197cbf24a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopenpencil.dev%2Fscreenshot.png" alt="OpenPencil — Open-Source Design Editor — OpenPencil" title="OpenPencil — Open-Source Design Editor — OpenPencil" class="entry-image" /></a></p><p>OpenPencilOpen-Source Design EditorOpens Figma files. Built-in AI. Fully programmable. Free forever.</p><p><a href="https://b.hatena.ne.jp/entry/s/openpencil.dev/"><img src="https://b.hatena.ne.jp/entry/image/https://openpencil.dev/" alt="はてなブックマーク - OpenPencil — Open-Source Design Editor — OpenPencil" title="はてなブックマーク - OpenPencil — Open-Source Design Editor — OpenPencil" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/openpencil.dev/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.openui.com/ michael-unltd 2026-04-11T16:09:37Z *design *development *お役立ち 9 <blockquote cite="https://www.openui.com/" title="OpenUI"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.openui.com%2F" alt="" /> <a href="https://www.openui.com/">OpenUI</a></cite><p><a href="https://www.openui.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3b68c95d9f88db1c8481ea32c51f9082fe93a910/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.openui.com%2Fmeta-image.png" alt="OpenUI" title="OpenUI" class="entry-image" /></a></p><p>npx @openuidev/cli@latest createnpx @openuidev/cli@latest createnpx @openuidev/cli@latest createTry Playground→ Paris offers a wide selection of modern-design hotels that blend contemporary architecture, thoughtful interiors, and premium hospitality. Many of these properties are located in centra...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.openui.com/"><img src="https://b.hatena.ne.jp/entry/image/https://www.openui.com/" alt="はてなブックマーク - OpenUI" title="はてなブックマーク - OpenUI" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.openui.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/alexpate/awesome-design-systems?tab=readme-ov-file michael-unltd 2026-04-10T22:20:12Z *design *まとめ 1 <blockquote cite="https://github.com/alexpate/awesome-design-systems?tab=readme-ov-file" title="GitHub - alexpate/awesome-design-systems: 💅🏻 ⚒ A collection of awesome design systems"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Falexpate%2Fawesome-design-systems%3Ftab%3Dreadme-ov-file" alt="" /> <a href="https://github.com/alexpate/awesome-design-systems?tab=readme-ov-file">GitHub - alexpate/awesome-design-systems: 💅🏻 ⚒ A collection of awesome design systems</a></cite><p><a href="https://github.com/alexpate/awesome-design-systems?tab=readme-ov-file"><img src="" alt="GitHub - alexpate/awesome-design-systems: 💅🏻 ⚒ A collection of awesome design systems" title="GitHub - alexpate/awesome-design-systems: 💅🏻 ⚒ A collection of awesome design systems" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/alexpate/awesome-design-systems?tab=readme-ov-file"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/alexpate/awesome-design-systems?tab=readme-ov-file" alt="はてなブックマーク - GitHub - alexpate/awesome-design-systems: 💅🏻 ⚒ A collection of awesome design systems" title="はてなブックマーク - GitHub - alexpate/awesome-design-systems: 💅🏻 ⚒ A collection of awesome design systems" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/alexpate/awesome-design-systems?tab=readme-ov-file"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://shiftb.vibely.site/blog/5zXoRgZQdgwX “PencilはMCPサーバーとして動作するデザインツールで、Claude Codeから直接.penファイルを読み書きできます。” michael-unltd 2026-04-10T04:10:06Z *design *お役立ち 2 <blockquote cite="https://shiftb.vibely.site/blog/5zXoRgZQdgwX" title="メンバーポータルサイト｜ShiftB"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fshiftb.vibely.site%2Fblog%2F5zXoRgZQdgwX" alt="" /> <a href="https://shiftb.vibely.site/blog/5zXoRgZQdgwX">メンバーポータルサイト｜ShiftB</a></cite><p><a href="https://shiftb.vibely.site/blog/5zXoRgZQdgwX"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/bcf75c8142814602678d07858e3b7c14ecf1fcb9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fvibely.site%2Fsubdomain%2Fshiftb%2Fblog%2F5zXoRgZQdgwX%2Fopengraph-image%3F86b07f5d59efe74e" alt="メンバーポータルサイト｜ShiftB" title="メンバーポータルサイト｜ShiftB" class="entry-image" /></a></p><p>ShiftBのメンバーポータルサイトです。</p><p><a href="https://b.hatena.ne.jp/entry/s/shiftb.vibely.site/blog/5zXoRgZQdgwX"><img src="https://b.hatena.ne.jp/entry/image/https://shiftb.vibely.site/blog/5zXoRgZQdgwX" alt="はてなブックマーク - メンバーポータルサイト｜ShiftB" title="はてなブックマーク - メンバーポータルサイト｜ShiftB" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/shiftb.vibely.site/blog/5zXoRgZQdgwX"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/masakinihirota/items/f779fd733bb18934991b “開発フェーズ別：全17コマンド完全リファレンス” michael-unltd 2026-04-09T06:07:01Z *お役立ち *design ai 2 <blockquote cite="https://qiita.com/masakinihirota/items/f779fd733bb18934991b" title="AIのSkills紹介 Web品質管理スキル：Impeccable 17skills 導入・活用ガイド - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fmasakinihirota%2Fitems%2Ff779fd733bb18934991b" alt="" /> <a href="https://qiita.com/masakinihirota/items/f779fd733bb18934991b">AIのSkills紹介 Web品質管理スキル：Impeccable 17skills 導入・活用ガイド - Qiita</a></cite><p><a href="https://qiita.com/masakinihirota/items/f779fd733bb18934991b"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/cfe667df45fb4fc8ce0e39c72ff54555e2ca6f04/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNDQ3NjElMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTAwMTg_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWZlZmNhNTg5OWZmZDM1ZjM2NWZlZTBhMTA5OWIxMjE0%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D1bb6193b634783629d8cb2d145eb72ab%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9QUklRTMlODElQUVTa2lsbHMlRTclQjQlQjklRTQlQkIlOEIlMjBXZWIlRTUlOTMlODElRTglQjMlQUElRTclQUUlQTElRTclOTAlODYlRTMlODIlQjklRTMlODIlQUQlRTMlODMlQUIlRUYlQkMlOUFJbXBlY2NhYmxlJTIwMTdza2lsbHMlMjAlRTUlQjAlOEUlRTUlODUlQTUlRTMlODMlQkIlRTYlQjQlQkIlRTclOTQlQTglRTMlODIlQUMlRTMlODIlQTQlRTMlODMlODkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0xMWVlOWZkNzA2MzM5YjFhZmNmYzNlOTBkYWQ3ZGU5Mg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBtYXNha2luaWhpcm90YSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTY5N2FjYTQ2YjFmMjE1ZWE5ZmEwNTAwMGE3ZGZjYmEx%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D7f5e4cc05339b529b7eb3834cdad2190" alt="AIのSkills紹介 Web品質管理スキル：Impeccable 17skills 導入・活用ガイド - Qiita" title="AIのSkills紹介 Web品質管理スキル：Impeccable 17skills 導入・活用ガイド - Qiita" class="entry-image" /></a></p><p>現代のWeb開発において、アクセシビリティやパフォーマンス、SEOの最適化を自動化する重要性が高まっています。本記事では、AIエディタ（GitHub Copilot Antigravity等）で「スラッシュコマンド」として機能するImpeccable skillsの導入方法と、公式チートシートに基づく全17コマンドの詳細を解説します。 Impeccable: T...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/masakinihirota/items/f779fd733bb18934991b"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/masakinihirota/items/f779fd733bb18934991b" alt="はてなブックマーク - AIのSkills紹介 Web品質管理スキル：Impeccable 17skills 導入・活用ガイド - Qiita" title="はてなブックマーク - AIのSkills紹介 Web品質管理スキル：Impeccable 17skills 導入・活用ガイド - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/masakinihirota/items/f779fd733bb18934991b"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/pbakaus/impeccable “Impeccable” michael-unltd 2026-04-08T15:04:03Z *design github LLM 14 <blockquote cite="https://github.com/pbakaus/impeccable" title="GitHub - pbakaus/impeccable: The design language that makes your AI harness better at design."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fpbakaus%2Fimpeccable" alt="" /> <a href="https://github.com/pbakaus/impeccable">GitHub - pbakaus/impeccable: The design language that makes your AI harness better at design.</a></cite><p><a href="https://github.com/pbakaus/impeccable"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ea13db844c2a9568f5d44a4dea44dba52e7c300d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F7b7579d105be2993208c9f829c6814faac04aecfb696521aad7b772b84a914f7%2Fpbakaus%2Fimpeccable" alt="GitHub - pbakaus/impeccable: The design language that makes your AI harness better at design." title="GitHub - pbakaus/impeccable: The design language that makes your AI harness better at design." class="entry-image" /></a></p><p>Anthropic created frontend-design, a skill that guides Claude toward better UI design. Impeccable builds on that foundation with deeper expertise and more control. Every LLM learned from the same generic templates. Without guidance, you get the same predictable mistakes: Inter font, purple gradie...</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/pbakaus/impeccable"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/pbakaus/impeccable" alt="はてなブックマーク - GitHub - pbakaus/impeccable: The design language that makes your AI harness better at design." title="はてなブックマーク - GitHub - pbakaus/impeccable: The design language that makes your AI harness better at design." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/pbakaus/impeccable"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://preview.studio.site/templates/7bXqzM4ODd michael-unltd 2026-04-03T09:18:01Z *design template STUDIO 1 <blockquote cite="https://preview.studio.site/templates/7bXqzM4ODd" title="https://preview.studio.site/templates/7bXqzM4ODd"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpreview.studio.site%2Ftemplates%2F7bXqzM4ODd" alt="" /> <a href="https://preview.studio.site/templates/7bXqzM4ODd">https://preview.studio.site/templates/7bXqzM4ODd</a></cite><p><a href="https://preview.studio.site/templates/7bXqzM4ODd"><img src="" alt="https://preview.studio.site/templates/7bXqzM4ODd" title="https://preview.studio.site/templates/7bXqzM4ODd" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/preview.studio.site/templates/7bXqzM4ODd"><img src="https://b.hatena.ne.jp/entry/image/https://preview.studio.site/templates/7bXqzM4ODd" alt="はてなブックマーク - https://preview.studio.site/templates/7bXqzM4ODd" title="はてなブックマーク - https://preview.studio.site/templates/7bXqzM4ODd" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/preview.studio.site/templates/7bXqzM4ODd"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://studio.design/ja/store/templates/z6kq9xeOpd michael-unltd 2026-04-03T09:17:14Z *design template STUDIO 1 <blockquote cite="https://studio.design/ja/store/templates/z6kq9xeOpd" title="民泊・宿泊施設｜多言語対応"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstudio.design%2Fja%2Fstore%2Ftemplates%2Fz6kq9xeOpd" alt="" /> <a href="https://studio.design/ja/store/templates/z6kq9xeOpd">民泊・宿泊施設｜多言語対応</a></cite><p><a href="https://studio.design/ja/store/templates/z6kq9xeOpd"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/838ee03eb7d462b683b52eed62ee05f0b714a396/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fstorage.googleapis.com%2Fproduction-os-assets%2Fassets%2F6e06c3ff-d620-4428-b596-65878d7118f3" alt="民泊・宿泊施設｜多言語対応" title="民泊・宿泊施設｜多言語対応" class="entry-image" /></a></p><p>スタートアップの為のシンプルなビジネス向けテンプレート民泊や貸別荘、宿泊施設、ゲストハウス、コンドミニアム向けに設計された、1ページ完結型のStudioテンプレートです。 About、Rooms、Amenities、Accessといった宿泊施設サイトに必要な基本構成を備え、施設の魅力や設備情報を分かりやすく伝えられます。 日本語...</p><p><a href="https://b.hatena.ne.jp/entry/s/studio.design/ja/store/templates/z6kq9xeOpd"><img src="https://b.hatena.ne.jp/entry/image/https://studio.design/ja/store/templates/z6kq9xeOpd" alt="はてなブックマーク - 民泊・宿泊施設｜多言語対応" title="はてなブックマーク - 民泊・宿泊施設｜多言語対応" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/studio.design/ja/store/templates/z6kq9xeOpd"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/jtydhr88/ComfyUI-See-through “See-throughをラップしたComfyUIプラグイン。See -throughは、1枚のアニメイラストを、深度順序付けされた操作可能な2.5Dレイヤー分解モデルに分解し、Live2Dワークフローに対応させるAIシステム” michael-unltd 2026-04-03T00:45:17Z ai *design 1 <blockquote cite="https://github.com/jtydhr88/ComfyUI-See-through" title="GitHub - jtydhr88/ComfyUI-See-through: A ComfyUI plugin that wraps [See-through](https://github.com/shitagaki-lab/see-through) — an AI system that decomposes a single anime illustration into manipulatable 2.5D layer-decomposed models with depth ordering,"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fjtydhr88%2FComfyUI-See-through" alt="" /> <a href="https://github.com/jtydhr88/ComfyUI-See-through">GitHub - jtydhr88/ComfyUI-See-through: A ComfyUI plugin that wraps [See-through](https://github.com/shitagaki-lab/see-through) — an AI system that decomposes a single anime illustration into manipulatable 2.5D layer-decomposed models with depth ordering,</a></cite><p><a href="https://github.com/jtydhr88/ComfyUI-See-through"><img src="" alt="GitHub - jtydhr88/ComfyUI-See-through: A ComfyUI plugin that wraps [See-through](https://github.com/shitagaki-lab/see-through) — an AI system that decomposes a single anime illustration into manipulatable 2.5D layer-decomposed models with depth ordering," title="GitHub - jtydhr88/ComfyUI-See-through: A ComfyUI plugin that wraps [See-through](https://github.com/shitagaki-lab/see-through) — an AI system that decomposes a single anime illustration into manipulatable 2.5D layer-decomposed models with depth ordering," class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/jtydhr88/ComfyUI-See-through"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/jtydhr88/ComfyUI-See-through" alt="はてなブックマーク - GitHub - jtydhr88/ComfyUI-See-through: A ComfyUI plugin that wraps [See-through](https://github.com/shitagaki-lab/see-through) — an AI system that decomposes a single anime illustration into manipulatable 2.5D layer-decomposed models with depth ordering," title="はてなブックマーク - GitHub - jtydhr88/ComfyUI-See-through: A ComfyUI plugin that wraps [See-through](https://github.com/shitagaki-lab/see-through) — an AI system that decomposes a single anime illustration into manipulatable 2.5D layer-decomposed models with depth ordering," border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/jtydhr88/ComfyUI-See-through"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://oops-jp.com/heart/ michael-unltd 2026-04-02T04:23:31Z *business *marketing *design 2 <blockquote cite="https://oops-jp.com/heart/" title="オンライン完結の精神科/心療内科｜Oops HEART(ウープスハート)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Foops-jp.com%2Fheart%2F" alt="" /> <a href="https://oops-jp.com/heart/">オンライン完結の精神科/心療内科｜Oops HEART(ウープスハート)</a></cite><p><a href="https://oops-jp.com/heart/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d52b5ce29388504e13b5a1a535ec6050e9a740a2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Foops-jp.com%2Fheart%2Fassets%2Fimages%2Fogp.png" alt="オンライン完結の精神科/心療内科｜Oops HEART(ウープスハート)" title="オンライン完結の精神科/心療内科｜Oops HEART(ウープスハート)" class="entry-image" /></a></p><p>毎日には、 いろんな人が登場する。 いろんなことが起きる。 だから心だって、 いろいろあって当然で。 揺らいだり、ときには弱ったり。 強い日ばかりじゃないのが、 私たちなんだと思う。 Oops HEARTは、 心のケアを身近にするクリニック。 スマホからでも、あなたの悩みや性格、 仕事をていねいに理解し、 あなたにフ...</p><p><a href="https://b.hatena.ne.jp/entry/s/oops-jp.com/heart/"><img src="https://b.hatena.ne.jp/entry/image/https://oops-jp.com/heart/" alt="はてなブックマーク - オンライン完結の精神科/心療内科｜Oops HEART(ウープスハート)" title="はてなブックマーク - オンライン完結の精神科/心療内科｜Oops HEART(ウープスハート)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/oops-jp.com/heart/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>