企画・構成
「次なに作る？」を決める段階の成果物。サムネ案、ビジュアル案、連載の実装計画 —— 会議で配ると話が速いやつ。
YouTubeサムネ・3案比較
同じ動画タイトルに対して「文字大きめ」「人物あり」「ミニマル」の3パターンを並べ、CTR予測・制作工数・使い回し性で比較。
01-thumbnail-approaches.html ビジュアル探索Instagram投稿の4方向ビジュアル
同じ告知文に対する4つのデザイン方向（ミニマル／イラスト／写真／文字主体）を、ライト・ダーク背景で切り替えて比較。
02-instagram-visual-designs.html 連載計画「AI副業ロードマップ」連載の実装計画
全8回連載の工数見積もり・公開スケジュール・各回のKPI・配信導線・撤退条件まで、プロデューサー目線の計画書。
16-implementation-plan.htmlレビュー・理解
ライターさんから上がってきた原稿を、編集者目線で読み解く。GitHubのプルリク画面の発想を、note・WordPress記事のレビューに持ち込みます。
デザイン
みやびブランドの設計図。色・余白・コンポーネントを「触れるドキュメント」として書き出します。
プロトタイプ
「動いてるところを見せて初めて伝わる」UIの検証。クリック・ドラッグの手触りをHTMLだけで再現します。
図解・イラスト
記事内に貼る図解は、SVGで作っておくと軽くて綺麗で差し替えやすい。みやびのカラーパレットで描き起こします。
スライド
PowerPointを開かなくても、HTMLで十分プレゼンできます。矢印キーでめくれて、URLでそのまま共有可能。
学び・解説
読者向けの「これってなに？」を、目次つき・図解つき・触れる解説で。みやびの記事本編の試作にも使えます。
レポート
数字を読み解いて、次の打ち手を決めるための報告書。週次運用、トラブル時のポストモーテムまで。
編集ツール
自分のチームのためだけに作る、ちっちゃな業務アプリ。HTML1枚で「編集できるドキュメント」が手に入ります。
ネタ帳トリアージボード
溜まった記事ネタを「今週／来週／いつか／ボツ」にドラッグして整理し、結果をMarkdownでコピーできるカンバン。
18-editor-triage-board.html 設定エディタ記事公開設定エディタ
有料／プレミアム／無料、ペイウォール位置、公開予約、CTA表示の有無 ——フォームで切り替えて差分JSONをコピー。
19-editor-feature-flags.html プロンプト編集みやびプロンプトチューナー
記事執筆プロンプトを左で編集すると、右で3つのサンプルテーマへの差し込み結果がライブプレビューされる調整画面。
20-editor-prompt-tuner.html