getdesign.mdとは
Webサイトの視覚パターンをDESIGN.md形式で確認できるカタログです。
参考デザインの探し方
自分の製品と同じ用途や情報量のページを選び、見出し、余白、色の役割を比較します。
AIコーディングに渡す
抽出したルールを自分のトークン名に置き換え、既存コンポーネントを優先するよう指示します。
著作権とブランドの注意
分析は複製の許可ではありません。ブランド固有の素材は使わず、レイアウトの原則だけを参考にします。
LOOTNARY TOOLS
getdesign.mdでWebデザインの参考例を探し、色・書体・レイアウトをAIコーディングに活かす方法を解説します。
Webサイトの視覚パターンをDESIGN.md形式で確認できるカタログです。
自分の製品と同じ用途や情報量のページを選び、見出し、余白、色の役割を比較します。
抽出したルールを自分のトークン名に置き換え、既存コンポーネントを優先するよう指示します。
分析は複製の許可ではありません。ブランド固有の素材は使わず、レイアウトの原則だけを参考にします。
手順や画面が変わっている場合は、更新が必要な箇所をお知らせください。 お問い合わせ