こぎそ

@kgsi • 9,210 subscribers

デザイナー / 組織と仕組みをデザインする人 / デザインとAI、ウェブ技術の情報発信多め / 運営 https://t.co/8EcW8pvqkv / コミュニティ運営 @crossrel_commu / 📻️ @yowaradi / ex スタートアップ ← SmartHR / お仕事の依頼はDMまで📨

Shorts

AIエージェント向けの「DESIGN.md集」がサービス化された。その名も getdesign.md。 Vercel、Stripe、Figma、Claude（Anthropic）など62ブランド分が揃っていて、プロジェクトに置くだけでコーディングエージェントがそのブランドの UIスタイルに合わせて実装してくれる、という発想。それはそうと、DESIGN.mdというリソースの整備が急速に進んでいる中で、実際に使ってる人ってどの程度いるんだろ🤔 DESIGN.mdを挟むとどの程度精度が上がるのか、はそろそろ聞いてみたい気もする。

AIエージェント向けの「DESIGN.md集」がサービス化された。その名も getdesign.md。 Vercel、Stripe、Figma、Claude（Anthropic）など62ブランド分が揃っていて、プロジェクトに置くだけでコーディングエージェントがそのブランドの UIスタイルに合わせて実装してくれる、という発想。それはそうと、DESIGN.mdというリソースの整備が急速に進んでいる中で、実際に使ってる人ってどの程度いるんだろ🤔 DESIGN.mdを挟むとどの程度精度が上がるのか、はそろそろ聞いてみたい気もする。

106,054 views

ブランドのロゴ・アートディレクション・タイポグラフィをまとめて眺められるアーカイブ「Brand Archive」。銀行、美術館、航空会社、カフェ、ファッション、スポーツなどカテゴリ別に整理されていて、さらに Landor や Mother、B&B Studio といった制作会社別にも辿れる構造になっている。面白いのは「事例を探す」単位が3軸あること👉 ☑️ カテゴリ軸（銀行・航空会社・AIブランドなど） ☑️ 制作会社軸（Wedgeが作ったもの、Marxが作ったもの…） ☑️ 時代軸（Historical）リブランディングやビジュアル方針を検討するときの一次リファレンスとして使い勝手が良さそう。「この業界のトーンをざっと掴みたい」みたいな粗い探索にも、「あの会社の仕事をまとめて見たい」みたいな深い探索にも効く構造になっている印象。

25,003 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

UIのクオリティって結局ディテールの積み重ねなんだよな、と改めて思わせてくれる Rene Wang 氏が作ったギャラリーサイト「Detail Design」モーション、アクセシビリティ、最適化などカテゴリ別に「小さいけど体験を変えるディテール」がキュレーションされてる。一つひとつ動画で見られるので、自分のプロダクトに足りないものが見つかるかも。

UIのクオリティって結局ディテールの積み重ねなんだよな、と改めて思わせてくれる Rene Wang 氏が作ったギャラリーサイト「Detail Design」モーション、アクセシビリティ、最適化などカテゴリ別に「小さいけど体験を変えるディテール」がキュレーションされてる。一つひとつ動画で見られるので、自分のプロダクトに足りないものが見つかるかも。

519,783 views • 3 months ago

「OpenUI」はAIアプリの返答をMarkdownやJSONではなく、自分たちのUIコンポーネントで返すためのOSSフレームワーク。 LLMに自由にHTMLを書かせるのではなく、許可したコンポーネントだけをOpenUI Langで組ませる設計になっている点がいい。ストリーミング、型付きprops、React rendererまで含めて、Generative UIを実装に落としやすくしている。 AIアプリのUIが「チャット欄＋カード」から先に進むとき、こういう層がかなり重要になる。

「OpenUI」はAIアプリの返答をMarkdownやJSONではなく、自分たちのUIコンポーネントで返すためのOSSフレームワーク。 LLMに自由にHTMLを書かせるのではなく、許可したコンポーネントだけをOpenUI Langで組ませる設計になっている点がいい。ストリーミング、型付きprops、React rendererまで含めて、Generative UIを実装に落としやすくしている。 AIアプリのUIが「チャット欄＋カード」から先に進むとき、こういう層がかなり重要になる。

66,128 views • 28 days ago

デザインの初期探索って、プロンプトを何回も書き直す作業になりがちなんだよな...と思ってたところに出会ったのが「Variant」アイデアを一言入れてスクロールするだけで、UIデザインのバリエーションが無限に生成される。プロンプト不要で「眺めながら考える」ができる。 0→1で方向性が定まらないときの壁打ち相手として、かなり良い、初期掲載されているデザインの意匠も素敵なアウトプットが多いので刺激になる。

デザインの初期探索って、プロンプトを何回も書き直す作業になりがちなんだよな...と思ってたところに出会ったのが「Variant」アイデアを一言入れてスクロールするだけで、UIデザインのバリエーションが無限に生成される。プロンプト不要で「眺めながら考える」ができる。 0→1で方向性が定まらないときの壁打ち相手として、かなり良い、初期掲載されているデザインの意匠も素敵なアウトプットが多いので刺激になる。

109,144 views • 3 months ago

「Contra Labs」のサイト、表層デザインが尖っていて好き。白地に大きなセリフ体、古典彫刻っぽい人物ビジュアル、そこにドット化されたPCやピクセル表現を重ねている。「人間の創造性」と「AI / データ」を、UIパーツではなく一枚の世界観で見せているのがうまい。 “Execution is free. Now, judgment is everything.” というコピーも強い。AIで制作コストが下がった後に、何が価値として残るのかをかなり短く言い切っている。

「Contra Labs」のサイト、表層デザインが尖っていて好き。白地に大きなセリフ体、古典彫刻っぽい人物ビジュアル、そこにドット化されたPCやピクセル表現を重ねている。「人間の創造性」と「AI / データ」を、UIパーツではなく一枚の世界観で見せているのがうまい。 “Execution is free. Now, judgment is everything.” というコピーも強い。AIで制作コストが下がった後に、何が価値として残るのかをかなり短く言い切っている。

17,340 views • 1 month ago

shadcn/uiに「ない」凝ったインタラクションを足すコンポーネント集、Skiper UI。 ☑️ Dynamic Island / Image reveal / Vercel Tooltip風など、shadcn本体には載らない"細部に凝ったやつ"が103+ ☑️ RaunoのDevouring Details（Vercelエンジニアが書いたインタラクションデザインリファレンス）のインスパイアを明言 ☑️ サブスクなしの買い切り型（Premium $129）所感Aceternity / Magic UI / Cult UI と同じ「shadcn互換のインタラクション集」セグメントだけど、Skiper UIは"質感"に振り切ってるのが差別化点。プロダクト全体に敷くというより、「ここぞ」の場面に足すための引き出しとして持っておくと良さそう。

shadcn/uiに「ない」凝ったインタラクションを足すコンポーネント集、Skiper UI。 ☑️ Dynamic Island / Image reveal / Vercel Tooltip風など、shadcn本体には載らない"細部に凝ったやつ"が103+ ☑️ RaunoのDevouring Details（Vercelエンジニアが書いたインタラクションデザインリファレンス）のインスパイアを明言 ☑️ サブスクなしの買い切り型（Premium $129）所感Aceternity / Magic UI / Cult UI と同じ「shadcn互換のインタラクション集」セグメントだけど、Skiper UIは"質感"に振り切ってるのが差別化点。プロダクト全体に敷くというより、「ここぞ」の場面に足すための引き出しとして持っておくと良さそう。

18,381 views • 1 month ago

No more content to load