みなみ@データサイエンス retweetledi

非デザイナーに知って欲しい「DESIGN.md」という概念。
Stripe、Notion、Claude、Figma等のデザインシステムを1つのマークダウンファイルに凝縮したもの。
これをプロジェクトに置いてAIに「このデザインに合わせて」と指示するだけで、ピクセルパーフェクトなUIが出てきます。
このリポジトリの中身:
・55個以上の有名サイトのDESIGN.mdを収集済み
・カラーパレット、タイポグラフィ、コンポーネントスタイリングを網羅
・ライト/ダークモードのプレビューHTMLも付属
・Google Stitchの標準フォーマットに準拠
・Claude、Cursor、v0等どのAIコーディングツールでも使える
「AIにUI作らせたら微妙だった」人、DESIGN.mdを渡してなかっただけかもしれません。★5,100。
github.com/VoltAgent/awes…

日本語
















