Claude Fable 5 UI/UX One-Shots - 5 Tests

最初のテストでは、架空のUI/UXデザイナー向けポートフォリオサイトを、ほぼ一発のプロンプトで設計・実装させている。GSAPやThree.jsの使用、Chrome DevToolsでの確認、モバイル対応まで指示しながら、追加の細かい仕様はほとんど与えていない。

それでも出てきた結果には、スクロールに追従するギャラリーや控えめなアニメーション、視覚的なアクセントが揃っており、投稿者はコードよりも体験設計の成熟度に驚いている。

中盤のテストでは、既存のヒーローセクションをよりよい形に改善させ、さらにFigma MCPを使った案出しまで確認している。単なる再生成ではなく、既存案に対して追加文脈を踏まえた比較改善ができる点が評価されている。

投稿者は「そのまま採用」ではなくA/Bテスト前提で見るべきだとしつつも、改善案として十分実務に載る水準だと判断している。単発の見栄えだけでなく、反復改善の足場として使えることが大きい。

Craigslistのような古典的UIをモダン化する課題では、情報密度を落としすぎず、タイプ中心の構造を保ったまま整えるという制約付きで試している。結果として、派手さより指示順守とニュアンス調整の上手さが見えるテストになっていた。

最後に投稿者は、AI時代のデザイナーは不要になるのではなく、自然言語で意図を伝え、良い方向へ反復させる役割が強くなるとまとめる。Fable 5は「Figmaの外で動く制作パートナー」になり得るという見立てだ。