FLOW vibe coding playbooks
AIバイブコーディング 実践Tips

勢いで書く開発を、再現できる型に。

AIと対話しながら作る“バイブコーディング”の、出荷・品質・公開で詰まる所だけを型にして配るノート。上は特集、下は新着順。

AI Mini Tools Lab

AIに作らせる前に、業務メモを整える。

スプレッドシート検索、問い合わせ整理、見積もり前チェックの無料Liteと、500円のStarter Packをまとめました。

Latest

新着

verification / quality
Quality2026.07.18

AIの「できました」を信じない|3段階で検品する運用

AIエージェントに委任した一括作業を、ログだけで信じずgrepと本番HTTPアクセスで検品する3段階のプロセス。

multi-agent / handoff
Design2026.07.17

ClaudeとCodexを二人体制で運用する|引き継ぎ窓口はMarkdown1枚でいい

複数のAIエージェントで1つのプロジェクトを回すときの同期問題を、状態ファイルとは別の引き継ぎ専用Markdown1枚で解く設計。

context engineering / anthropic
Context2026.07.16

コンテキストは"有限のアテンション予算"だった|Anthropic公式が定義する設計原則

「コンテキストエンジニアリング」という言葉の公式な定義元を読み解く。有限のアテンション予算という考え方と、具体的な間引き手法。

cognitive offload / surrender
Design2026.07.15

それ、まだ"委任"?もう"降伏"?|AIに頼るときの境界線が動いていることに気づく

AIに委任してもオーナーシップを保てているか。「認知的オフロード」と「認知的降伏」を分ける境界線と、自己診断チェックリスト。

prompt injection / defense
Prompt2026.07.14

6,000回のハッキングに耐えて、漏洩0件だったAIアシスタントの守り方

メール経由のプロンプトインジェクション6,000回に耐え、シークレット漏洩0件だった実例から防御の考え方を学ぶ。

release review / claude fable
Quality2026.07.13

メジャーリリース前のセルフレビュー、AIに任せたら$149で何が見つかったか

OSSのメジャーリリース前レビューをClaude Fableに依頼した実例。$149.25で見つかった破壊的変更とは。

intent debt
Design2026.07.12

エージェントが絶対に肩代わりできない負債がある|"意図の負債"という盲点

技術的負債・認知的負債の先にある「意図の負債」。エージェントが肩代わりできない唯一の負債を、今日書き残す。

pdf / local tool
AI Tools2026.07.11

PDFをアップロードせず、同じ場所に毎回目隠しするHTMLツールを作った話

PDFをアップロードせず、定型位置の目隠し・注記をJSONテンプレートで再利用する無料HTMLツールを作った話。

loop engineering
Context2026.07.11

プロンプトじゃなく、ループを設計する|Claude Code公式とAddy Osmaniの共通解

Claude Code公式の4種のループ分類と、Addy Osmaniの5つの構成要素を突き合わせて実務の組み立て方を整理。

ai mini tools / compare
AI Tools2026.07.11

AI Mini Toolsは500円版と980円版のどちらを選ぶべきか

500円Starter Packと980円Replace Workbookの違い、買う順番、月3000円へ向けた導線を整理します。

context engineering
Prompt2026.07.10

「プロンプト設計」の時代は終わった|コンテキストエンジニアリングという次の勝負所

AIコーディングの争点は言葉選びから文脈管理へ。タスク分割・状態管理・文脈の間引きを具体例で整理。

claude code / permissions
Design2026.07.09

Claude Codeの権限モードが「Manual」既定に|地味だが事故を減らすアップデート

Manual既定の権限モードとAskUserQuestionの自動続行廃止。地味だが事故防止に効く変更点を整理。

diagram-sync / mermaid
Skill2026.07.08

大企業の自動化を、個人開発サイズに移植する|diagram-syncを作るときに考えたこと

ZOZOの構成図自動生成の仕組みを読み、個人開発サイズに何を削り何を残すかを考えて自作スキルにした記録。

claude code / artifacts
Context2026.07.08

Claude Codeの「Artifacts」、実務のどこで使えるか|PR説明・障害メモ・進捗ダッシュボードに落とし込む

セッションの作業をライブ更新のWebページ化。PR説明・障害対応メモ・進捗ダッシュボードでの使い方を整理。

claude code / steering
Skill2026.07.07

CLAUDE.md・スキル・フック・サブエージェント、結局どれをいつ使うのか|公式の判断基準を読み解く

CLAUDE.md/rules/skills/subagents/hooksなど7つの指示方法を公式の判断基準で整理。書き換え例つき。

ai mini tools / replace sample
AI Tools2026.07.07

無料Liteを自分用に差し替える手順|AIに渡す前の表とメモの整え方

AI Mini Toolsの無料Liteを、自分の表や問い合わせメモに差し替える前にやること。列名、架空データ、確認項目、AIへの渡し方を整理します。

ai mini tools / design
AI Tools2026.07.07

AIに業務ツールを作らせる前に決める3つのこと

ChatGPTなどに小さな業務ツールを作らせる前に、検索条件、分類ルール、確認責任を決めておく。3つのLite例から共通点を整理します。

sonnet 5 / 1m context
Context2026.07.07

1Mコンテキストに全部突っ込むといくらかかるのか、電卓を叩いた|Sonnet 5のコスト経済学

80万トークン常駐×10ターン=$16。でもキャッシュで$3.44、検索型なら$1。損益分岐を計算で出した

claude code / updates
Skill2026.07.06

Claude Code 6月末アップデート、実際に効くやつだけ拾った|/rewind・シェルモード・mcp login

/clear後に戻れる/rewind、出力に反応できるシェルモード、CLIで使えるmcp loginなど、Claude Codeの更新から日常の開発で効くものだけを整理します。

quote / checklist / ai workflow
AI Tools2026.07.04

AIに見積もりを書かせる前に、聞き漏れを減らすチェックツールを作る

見積もり文をAIに作らせる前に、問い合わせ内容の不足をチェックする。架空のWeb制作相談を題材に、聞き漏れを減らすミニツールを作ります。

inquiry / ai workflow / template
AI Tools2026.07.04

AIに返信文を書かせる前にやること|問い合わせメモを対応漏れしない一覧に変える

バラバラな問い合わせメモを、カテゴリ・期限・優先度・確認点・返信案に分解する。AIに返信文を書かせる前に、対応漏れを減らす一覧を作る実例です。

spreadsheet / html / ai tool
AI Tools2026.07.04

スプレッドシートを「検索できるミニ業務アプリ」に変える方法|AIで表をHTMLツール化する

Googleスプレッドシートをデータベースとして残し、HTML側で検索・カード表示・スマホ対応を整える。AIで表をミニ業務アプリに変える実例です。

gemini / codex / claude
AI Tools2026.07.01

Gemini 3.1 Pro、Claude Code、Codexをどう使い分けるか|課金する価値が出る境目

Gemini 3.1 Proで十分な作業と、Claude CodeやCodexに課金する価値が出る作業の境目を、静的レビュー・実行検証・継続ファイル管理の3軸で整理します。

revenuecat / store status
Deploy2026.06.22

Google PlayアプリにRevenueCatを連携する手順|「Could not check」を解決してStore Statusを緑(Published)にする

Google PlayアプリにRevenueCatを連携する手順。「Could not check」を解決しStore Statusを緑(Published)にする4ステップ+緑でも購入できない時のOfferingひもづけ対処。

skill / tokens
Skill2026.06.21

自作スキルは「適切なトークン量」に設計されていない——その理由と直し方

成果物を変えずにスキルのトークン消費を減らす。常時コストと二度読みを、4つのレバーで設計し直す。

skill / launch-assets
Skill2026.06.18

アプリのリリース素材5点を、AIに「一気通貫」で出荷させる手法

アイコン・LP・グラフィック・ストア文章・ポリシー。アイコンで決めた一色を下流すべてに流し込み、5点を同じブランドで一気に。

このカテゴリの記事はまだありません。
▶ 実装リソース

公開できる手順とコードは、GitHubに置いています。

記事で紹介しているSKILL.md本体や関連する実装メモは、確認できる形で公開しています。

公開中のSKILL.mdを見る →