デザイン・UI

basement.studioのShader LabとClaude Codeスキル化、shaders.com v3の大型刷新、そしてClaudeが書いたシェーダーを集めたOSSギャラリー2つ。WebGPU時代のリッチなWeb演出を、書かずに組み立てる最新手法をまとめた。

FramerのAIエージェント推論強化、WebflowのAEO Analytics拡張、Vercel v0 APIの正式公開、Awwwards週間ラウンドアップなど、2026年8月第3週のWebデザイン×AIの動きをまとめました。

AI動画生成とGSAP ScrollTriggerを組み合わせたスクロールストーリーテリングの作り方を、Apple風コマ送り演出やClaudeのスキル活用例とともに紹介する。

Lovableのドメイン管理・ワークスペース刷新、Bolt.newのClaude Agent完全移行、v0のPlatform API公開など、AIサイトビルダー各社の最新動向と使い分けを整理する。

Figmaの画像編集ツールバー刷新、WebflowのAEO分析強化、EasySiteの全面リニューアル、AwwwardsでのブルネロクチネリAI ECサイト受賞など、7月6日〜12日のWebデザイン×AIの動きを5件まとめた。

AIがコードを書いてくれる時代でも判断基準は変わらない。コンテナクエリ、clamp()によるフルードタイポグラフィ、prefers-reduced-motion、WCAG 2.2の新基準まで、2026年に押さえておきたいレスポンシブ&アクセシブルデザインの基礎をまとめた。

「デザインの下手さ」がAI量産アプリの共通課題として浮き彫りになった大規模調査2本と、WebflowのAIサイトビルダー拡張、Bolt.newのFigmaインポート機能など、この一週間のWebデザイン×AIの注目トピックをまとめました。

Scroll-driven AnimationsがSafari 26で主要ブラウザに揃い、JS不要のパララックスが実用に。CodropsのThree.js作例やAIネイティブ3Dビルダー「Omma」「VULK」まで、コードで作るリッチ3Dの最新動向をまとめた。

Bolt.newのオープンソース版スライドツール「Bolt Slides」、v0のAPI/MCP拡充、Figma MakeのGitHub直接デプロイ、Replit Agent 4のDesign Canvasなど、AIサイトビルダー各社の最新動向をまとめました。

Claude CodeなどのAIコーディングエージェントが陥りがちな「量産型UI」問題を、公式のfrontend-designスキルとコミュニティ製のTaste Skill・Impeccable、設計を持続させるDESIGN.md、仕上げに使うshadcn/uiの新機能まで横断的に比較する。