Awwwards / Webby / FWA 基準でサイトを磨く:自己監査チェックリスト
タイポ、余白、階層、色、モーション、レスポンシブまで「プレミアム」を検証可能な項目に落とし込む。
12 分
続きを読む
開源 AI Web Skill 4 つ:デザインシステム・脱プラスチック・モーション・薄いコード
ui-ux-pro-max、impeccable、react-bits、karpathy-skills を出荷可能なパイプラインに繋ぐ。
11 分
続きを読む
Web の質感を上げる 5 サイト:Motion Sites から Aceternity UI
プロンプト、モーション部品、UI 要素、アニメキットを節度ある使い方で。
10 分
続きを読む
SkillsMP とは?使える無料 AI Skill の選び方
Skill は使い捨てプロンプトではなく、バージョン管理できるワークフローとして扱う。
9 分
続きを読む
Vibe Coding の LP を五ステップで:brief から出荷まで
目標・構造・トーン・部品・受け入れ。生成は多いのに出せない失敗を減らす。
11 分
続きを読む
受賞級マイクロインタラクション:フィードバック・タイミング・抑制
200–450ms、共通イージング、状態機械、減少動的への配慮。
9 分
続きを読む
本番で React Bits を使う:選定・性能・a11y フォールバック
モーションはアクセント。動的 import、バンドル予算、静的代替、クロール可能な本文。
10 分
続きを読む
プロンプトからデザインシステムへ:色・字階・半径・モーション
プロンプトは冷起動、システムは拡張。一度の勝ちを多ページのブランド規則に。
10 分
続きを読む
AI UI のプラスチック感を消す:実行できる /polish チェックリスト
先に削り、後から足す。色・余白・コピーを締め、静フレーム合格後に動かす。
9 分
続きを読む
個人向け Web プロンプト庫:分類・版・受け入れ
シーン×トーン×スタックで検索。無限ブックマークではなく、版付きの資産に。
9 分
続きを読む