huashu-design

huashu-design

花叔Design——HTMLで高精細なプロトタイプ、インタラクティブなデモ、スライド、アニメーション、デザインバリエーションを制作し、デザイン方針の相談や専門家レビューも提供します。タスクに合った専門家（UX／アニメーター／スライドデザイナー／プロトタイパー）として対応し、ありきたりなWebデザイン表現を避けます。トリガー：プロトタイプを作る、デザインデモ、インタラクティブプロトタイプ、HTMLプレゼン、アニメーションデモ、デザインバリエーション、hi-fiデザイン、UI mockup、prototype、デザイン探索、HTMLページを作る、ビジュアライゼーションを作る、アプリのプロトタイプ、iOSプロトタイプ、モバイルアプリのmockup、MP4を書き出す、GIFを書き出す、60fps動画、デザインスタイル、デザイン方針、デザイン哲学、カラーパレット、ビジュアルスタイル、スタイルを提案、スタイルを選ぶ、見栄えよく作る、レビュー、見た目はどう？、review this design、ナレーション付きアニメーション、解説動画、コンセプト解説動画、長尺の教育動画、ナレーション付きアニメーション、voiceover、narration、TTS+アニメーション、XXとは何かを5分で解説。**主な機能**：Junior Designerワークフロー（まず仮説＋推論＋プレースホルダーを用意してから反復）；AIスロップ対策チェックリスト；React+Babelのベストプラクティス；切り替え可能なTweaksバリエーション；Speaker Notes；Starter Components（スライド／バリエーション／アニメーション／デバイス枠／ナレーションStage）；アプリプロトタイプのガイドライン（Wikimedia／Met／Unsplashの実画像＋操作可能なAppPhone＋Playwrightのクリックテスト）；HTMLアニメーションをMP4/GIFに書き出し（基本25fps＋60fps補間＋パレット最適化＋シーンに合わせたBGM＋自動フェード）；**長尺ナレーションアニメーションのパイプライン**（豆包TTS＋実測時間に基づくタイムライン生成＋NarrationStage＋ダッキングミックス。鉄則：連続した動きで物語を伝え、PowerPointのような切り替えは禁止）。**要件が曖昧な場合のフォールバック**：デザイン方針コンサルタント——5つの流派×20の哲学（Pentagramの情報建築／Field.ioのモーション・ポエティクス／原研哉の東洋的ミニマリズム／Sagmeisterの実験的アバンギャルドなど）から3つの方向性を提案＋プリセットshowcase 24種類＋並行制作した3つのDemoから選択。**オプション**：5項目レビュー（哲学との一貫性／視覚的階層／細部／機能／革新性を各10点で評価＋修正リスト）。