【注目】Claude Fable 5 で本格的な Web デザインを組むとき使うべきCSS原則を5つ紹介する😳見落としがちなんだけどこの 5 つ毎回 Claude に説明してる人はVault に一度入れておくだけで出力が変わ👇https://t.co/Uq28VO2QLa・CSS position sticky → スクロールしても UI が追従する・モノスペースフォント → 生々しさと誠実さのシグナルになる・CSS object-fit: cover → どんな画面でも写真が崩れない・GSAP ScrollTrigger → 商品を固定したまま背景だけ流れる演出・CSS grid + z-index → フラットなサイトにはない奥行き感つまりClaude Fable 5 はこれらを渡せばすぐ動く。毎回ゼロから説明しているのは、記憶設計がないからだ。設計の思想を Vault に残した瞬間に、Claude は道具から参謀になる。
0:14
【注目】Claude Fable 5 で本格的な Web デザインを組むとき使うべきCSS原則を5つ紹介する😳見落としがちなんだけどこの 5 つ毎回 Claude に説明してる人はVault に一度入れておくだけで出力が変わ👇https://t.co/Uq28VO2QLa・CSS position sticky → スクロールしても UI が追従する・モノスペースフォント → 生々しさと誠実さのシグナルになる・CSS object-fit: cover → どんな画面でも写真が崩れない・GSAP ScrollTrigger → 商品を固定したまま背景だけ流れる演出・CSS grid + z-index → フラットなサイトにはない奥行き感つまりClaude Fable 5 はこれらを渡せばすぐ動く。毎回ゼロから説明しているのは、記憶設計がないからだ。設計の思想を Vault に残した瞬間に、Claude は道具から参謀になる。
8.7K views1 month ago
x.com東大Obsidianオタク｜仕事で使える第2の脳構築
See more
Static thumbnail place holder