Claude Code Research Lab

Claudeを本気で使いこなしたい人、AnthropicのGitHubは 見ておいた方がいい。 プロンプトの基礎から、 アプリ開発、 コードレビューの自動化まで。 学習に使える教材やサンプルが 無料で公開されている👇　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 この7つは順番に触ると理解しやすい。 ① prompt-eng-interactive-tutorial → Claudeへの「伝え方」を学ぶ 指示の組み立て方、 具体例の渡し方、 回答の精度を高める工夫。 まずは、 欲しい答えを引き出すための土台から。 ② claude-cookbooks → 実例を動かして使い方をつかむ RAG、ツール連携、画像の扱い、プロンプトキャッシュなど。 サンプルを動かしながら、自分の用途に合わせて変更していく。 ③ claude-quickstarts → アプリとして形にする サポートエージェントやデスクトップ操作などの実装例。 個別の機能が、どう一つのアプリにつながるのかが見えてくる。 ④ skills → 自分の仕事の進め方を教える 手順やルール、参考資料をSKILL.mdと関連ファイルにまとめる。 毎回説明している作業を、再利用できる形にする。 ⑤ claude-agent-sdk-python → 自分専用のエージェントを作る Pythonから、ツールやフックを組み合わせて処理を設計する。 調査、実行、確認までをつなぐ段階へ。 ⑥ claude-code → コードベースで実際に働かせる コードを読み、ファイルを編集し、コマンドを実行する。 ここまで学んだことを、日々の開発に落とし込む。 ⑦ claude-code-action → GitHub上の作業につなげる PRやIssueを起点に、レビューや修正を支援させる。 設定を整えれば、開発フローの中にClaudeを組み込める。 おすすめは、全部を読み切ろうとするより「自分が毎週やっている作業」を一つ選ぶこと。 レビューでも、調査でも、定型作業でもいい。 学んだ内容をその作業に使うと、必要な知識がつながっていく。 「Claudeに質問できる」から、 「Claudeが働く仕組みを作れる」へ。 この7つを実践につなげるためのプロンプトガイドはこちら 👇

Claudeを使い始めたばかりなら、 まずは自分の仕事に合う「スキル」を 1つ試してみてください。 今回は、 合計25.2万スターを集めた 9つのGitHubリポジトリから、 無料で使える32個のスキルを ご紹介します👇　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 試行錯誤の時間を減らしたい方は、 ぜひ参考にしてください。 【ノート・リサーチ】 ・obsidian-markdown：Obsidianで使えるノートを作成 ・obsidian-bases：ノートを表形式で整理 ・json-canvas：キャンバス上にマインドマップを作成 ・defuddle：Webページから本文を抽出 ・notebooklm：ノートブックに質問 ・huggingface-papers：AI関連の論文を探す 【文章作成】 ・humanizer：AIらしい不自然な文章を調整 ・copywriting：広告やランディングページの文章を作成 ・copy-editing：文章を一文ずつ丁寧に編集 ・social：LinkedInやX向けの投稿を作成 ・emails：複数回にわたるメールを作成 ・content-strategy：今後のコンテンツを企画 ・writing-guidelines：わかりやすい文書を書くための指針 【マーケティング】 ・seo-audit：検索順位が上がらない原因を調査 ・ai-seo：AIに引用されやすいコンテンツを検討 ・launch：製品のローンチを計画 ・pricing：価格設定を検討 ・lead-magnets：見込み客の獲得につながる無料コンテンツを企画 ・marketing-psychology：人が購入を決める心理を理解 【自動化】 ・n8n-workflow-patterns：実績のあるn8nワークフローを活用 ・n8n-node-configuration：ノードの設定を支援 ・n8n-expression-syntax：式の書き方を確認 ・n8n-validation-expert：n8nのエラーを読み解く ・n8n-code-javascript：n8nノードで使うJavaScriptを作成 【開発・公開】 ・react-best-practices：Reactのコードを改善 ・web-design-guidelines：UIデザインの問題を確認 ・deploy-to-vercel：Vercelに公開 ・modern-python：uvやruffを使ったPython開発を支援 ・huggingface-gradio：Pythonでデモをすばやく作成 ・huggingface-spaces：AIアプリを公開 ・huggingface-local-models：モデルをローカルで実行 ・context-fundamentals：AIのコンテキストの仕組みを学ぶ ただし、 今夜32個すべてを インストールする必要はありません。 まずは、普段の仕事に一番近いカテゴリーから1つ選び、実際のタスクで1週間使ってみてください。 時間の節約につながったら使い続け、 次のスキルを追加する。 フォルダに眠る30個より、 毎日使う3個のほうが役に立ちます。 周りのClaude初心者にも役立ちそうなら、リポストして共有してください👇

🚨 iPhoneで削除した写真、 バックアップまで確認していますか？ Claude Codeを使って、 iPhoneのバックアップを調べたところ👇　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 写真のサムネイルが保存される「PhotoData/Thumbnails」というフォルダが見つかったそうです。 中には大量の画像ファイルがあり、削除した覚えのある写真やスクリーンショットも含まれていたとのこと。 ・銀行アプリの古いスクリーンショット ・撮影後すぐに削除した写真 ・もう残しておきたくなかった画像 ただし、 フォルダ内に画像があるだけでは、 それが完全に削除された 写真の残りなのか、 いつ作られたものなのかは分かりません。 それでも、 スマホの写真を整理するときに 見落としがちなのが 「過去のバックアップ」です。 Claude Codeに バックアップ内の構造を調べてもらえば、写真に関連するフォルダや保存状況を確認するきっかけになります。 あわせて、iPhoneの「設定」→「プライバシーとセキュリティ」→「写真」から、どのアプリに写真へのアクセスを許可しているかもチェックしてみてください。 あなたのiPhoneでは、 何個のアプリに写真への アクセスを許可していますか？

🚨 Claude Codeに、 毎回同じ説明をしている人へ。 繰り返す仕事の手順を 「スキル」にしておけば、 次回からの指示をぐっと減らせます👇　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 文体、作業の順番、 出力形式、何度も伝えた修正。 その場限りで終わらせず、 再利用できる形で残す。 始め方は、 普段の作業を Claude Codeに伝えるところから → 繰り返す仕事を洗い出す プロジェクトを確認させ、 毎週やっている作業や、 よく頼む修正を整理する。 → 作業ごとにスキルを作る 手順・テンプレート・具体例をまとめ、 必要な場面で読み込める形にする。 → 実際の仕事で試す スキルを作って終わりにせず、 実例で動かして、 期待と違う部分を直す。 → 修正内容を次回に残す 「今回の修正をスキルにも反映して」と伝え、同じ指摘を減らしていく。 → 自分用のスキル集に育てる 投稿作成、リサーチ、レポート整理。よく頼む仕事から一つずつ蓄積する。 最初から分厚いマニュアルを 書く必要はありません。 まずは一番よく頼む作業を一つ。 手順を整理してもらい、試して、直す。 毎回ゼロから説明する手間を、 次回から使える資産に変える。 あとで試せるように保存 👇

これは、知らないともったいない。 Claude Codeを強化する 20のGitHubプロジェクト👇　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 原文の価格比較では、 約457万円相当のツールが 無料で公開されている。 スキル1つに約3,000円。 エージェント1つに約6,100円。 そんな有料販売がある一方、 GitHubには開発者たちが作った 便利な仕組みが揃っている。 記憶を引き継ぐ。 チームで仕事を進める。 大量のログを圧縮する。 UIの見た目を整える。 Claude Codeを 初期状態のまま使っているなら、 まず見てほしいのがこの20個↓ ① Everything Claude Code エージェント、スキル、 コマンドをまとめた開発基盤。 計画から実装、検証まで整える。 ② agent-skills Addy Osmaniによるスキル集。 仕様作成→計画→構築→検証 →レビュー→出荷を支える。 ③ Ruflo 複数エージェントの連携基盤。 Claude CodeとCodexで 共有メモリを使う構成にも。 ④ agents 専門エージェントやスキルを プラグインとして導入。 仕事に合わせて役割を追加できる。 ⑤ claude-mem 作業内容を記録して要約。 次のセッションでも 過去の文脈を引き継ぎやすくする。 ⑥ planning-with-files 計画をMarkdownに保存。 /clearやコンテキスト圧縮後も ファイルから作業を再開できる。 ⑦ Graphify コード、ドキュメント、 SQLスキーマの関係を可視化。 知識グラフで全体像をつかむ。 ⑧ Understand-Anything コードベースを インタラクティブな地図に。 検索や変更の影響確認を支援。 ⑨ ponytail 過剰な実装を抑えて、 少ないコードで課題を解くための 開発ワークフロー。 ⑩ rtk 開発コマンドの出力を圧縮。 大量のログで消費する トークンを減らすCLI。 ⑪ headroom ログ、ツール出力、JSONを モデルへ渡す前に圧縮。 コンテキストの圧迫を抑える。 ⑫ context-mode 大量のツール出力を 別の実行環境で処理。 必要な情報を絞って返す。 ⑬ UI UX Pro Max スタイル、配色、 フォントの組み合わせを活用。 UIのデザイン判断を支える。 ⑭ taste-skill アートディレクションや 参照画像、画面幅ごとの確認を 制作フローに組み込む。 ⑮ video-shotcraft 実際のWebページを素材に、 Remotionで製品紹介動画を制作。 音楽のビートに合わせた演出も。 ⑯ Agent-Reach YouTube、GitHub、Redditなどを 1つのCLIから読み取る。 情報収集の入り口をまとめる。 ⑰ cc-switch プロバイダーの切り替えや MCP、スキル、プロンプトを 一箇所で管理するアプリ。 ⑱ pm-skills 顧客理解から企画、 優先順位づけ、ローンチまで。 プロダクト業務向けのスキル集。 ⑲ claude-skills 開発、マーケティング、 金融、コンプライアンスなど、 幅広い業務向けのスキル集。 ⑳ career-ops 求人と履歴書を照合し、 相性の評価や応募書類を作成。 最後の送信は自分で判断する。 ただし、最初から 20個全部は入れなくていい。 まずは3つ。 ✓ 記憶を引き継ぐもの ✓ トークン消費を減らすもの ✓ 自分の仕事に直結するもの 導入前後で、 同じタスクを実行する。 成果物は良くなったか。 コストは下がったか。 手直しは減ったか。 効果があったものだけ残す。 無料でも、読み込む指示や ツールが増えれば負担は増える。 自作に週末を使う前に、 まず既存の仕組みを探してみて。 あとで試せるように保存👇

これ、動画制作の常識が変わる。 たった8つの.mdファイルで、 Opus 5.5に モーション制作の流れを渡す。 企画、デザイン、絵コンテ、 アニメーション、音、書き出し。 毎回ゼロから指示していた作業を、 1つの仕組みにまとめる。 用意するのは、この8つ👇　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 ✓ CLAUDE.md 制作全体のルールと進め方 ✓ BRIEF.md 製品の特徴・ターゲット・目的 ✓ STYLE.md 配色・フォント・世界観 ✓ ASSETS.md ロゴ・画像・素材の管理 ✓ STORYBOARD.md シーン構成と伝える順番 ✓ MOTION.md 動き・緩急・タイミング ✓ SOUND.md BGM・効果音・音の合わせ方 ✓ DELIVERY.md 解像度・形式・納品条件 これをOpus 5.5に渡し、 製品のブリーフを追加する。 アートディレクション → ストーリーボード → アニメーション → サウンド → 最終レンダリング 制作の判断基準が残るから、 修正も次の動画も進めやすい。 「動画を作って」と頼むだけから、 制作フローごとAIに渡す段階へ。 導入するハーネスはこちら。 github.com/beamnxw/my_wor… この仕組みを使って、 AI社員に制作をどう任せるか。 具体的なワークフローは続きで 👇

これ、マジでもったいない。 Claudeで「第二の脳」を作る人の多くが、 面白くなる直前でやめてしまう。👇　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 最初は記事を入れても、 保存した情報が返ってくるだけ。 「これ、普通の検索と何が違うの？」 そう感じて、使わなくなる。 でも、情報が蓄積すると、 活用の幅が広がってくる。 別々に読んだ記事の共通点。 昔のメモと、今の課題のつながり。 何度も考えていたのに、 気づかなかったアイデア。 Claudeが情報を整理し、 関連するページをつなぐことで、 知識を横断して考えやすくなる。 続けるコツは、 情報を入れる手間を減らすこと。 ✓ 読んだ記事を保存 Obsidian Web Clipperで 保管先を「raw/」に設定する。 ✓ コマンドで整理 独自に用意した「/ingest」で 新しいファイルをwiki化する。 ✓ 寝ている間に処理 スケジューラーに claude -p “/ingest” を登録し、夜間に実行する。 「50〜100ソース」は、 絶対的な境界ではない。 情報の質と、つなぎ方も大事。 まずは、日々読んだものが 自然に蓄積される仕組みを作る。 過去の知識を引き継いで、 次の思考を始められる。 そこまで育つと、面白くなる。 あとで組む人は、保存👇

Claude Codeで動画を作るなら、 保存しておきたい20選。 企画からアニメーション、 3D、音声、字幕、書き出しまで。 Opus 5.5と組み合わせたい モーション制作の道具をまとめた👇　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 【映像を動かす】 01 Remotion → Reactで動画を組み立てる 02 HyperFrames → HTMLから映像をレンダリング 03 GSAP → 動きの速度や順番を制御 04 Motion Canvas → 図解や解説をアニメーション化 05 Theatre.js → キーフレームを視覚的に調整 【UI・ベクターを動かす】 06 Motion → UIに自然な動きをつける 07 Lottie → ベクターアニメーションを再生 08 Rive → 操作に反応する動きを設計 09 Manim → 数式や数学の概念を映像化 10 Figma Context MCP → Figmaのデザイン情報をAIへ渡す 【3Dと映像表現をつくる】 11 three.js → ブラウザ上に3Dシーンを構築 12 React Three Fiber → Reactで3Dシーンを扱う 13 Blender MCP → AIとBlenderを接続 14 postprocessing → 光やぼかしで映像の質感を調整 15 ShaderGradient → 動きのあるグラデーションを制作 【音声から仕上げまで】 16 Cap → 操作画面を録画して素材にする 17 Kokoro → ナレーション用の音声を生成 18 whisper.cpp → 音声を文字起こしして字幕へ 19 OpenCut → 素材を編集して一本にまとめる 20 FFmpeg → 映像と音声の変換・結合・書き出し Opusに任せるのは、 構成を考え、コードを書くこと。 その設計を映像にするのが、 この20のツール。 制作の流れはこう。 企画を決める ↓ 絵コンテをつくる ↓ シーンを動かす ↓ 音声・字幕を加える ↓ 書き出して届ける 最初から全部そろえなくていい。 作りたい一本に合わせて選ぶ。 商品紹介も、サービス解説も、 自分のローンチ動画も。 「動画を作って」の一言から、 繰り返し使える制作環境へ。 保存して、 自分のモーションスタジオを 組み立てるときに使ってほしい👇

Claude Codeを使うなら、 「何を頼むか」と同じくらい 「どう動かすか」が重要。 Claude codeの公式ガイドから 取り入れたいのが、この5つ👇　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 作る→検証→進捗保存→再開。 このループを整えるだけで、 毎回ゼロから説明する手間を減らせる。 ① 思考の深さを決める /model opus /effort medium 普段の実装はmedium。 深い検証が必要ならhigh。 作業の難しさに合わせて、 考える量を調整する。 ② 調査役の仕事を絞る Opusが実装を担当。 Haikuには単純な検索や確認を任せる。 「調べて」で終わらせず、 根拠とファイルパスまで返させる。 受け取った情報を、 すぐ実装に使える形にする。 ③ コンテキストを軽くする ✓ CLAUDE.mdは短く ✓ スキルは必要なときに読む ✓ ツールの出力は要点だけ ✓ 詳細ログはファイルに保存 毎回すべてを読ませず、 必要な情報を取り出せる状態にする。 ④ 引き継ぎをファイルに残す feature_list.json → 機能ごとの実装・検証状況 claude-progress.txt → 今回の進捗と次の作業 git → 変更履歴と再開地点 「何が終わったか」 「次に何をするか」を残せば、 新しいセッションでも再開しやすい。 ⑤ キャッシュを意識する メインのモデルを頻繁に変えず、 共通する入力を再利用する。 /contextで中身を確認。 /usageで使用量を確認。 長く動かすほど、 この見直しが効いてくる。 AIに仕事を任せ続けるなら、 指示だけでなく、 進捗を保存する仕組みまで整える。 これが、 AI社員を動かすための ハーネスエンジニアリング。 保存して設定を見直してみて。 具体的な組み方は、 AI社員向けの記事で解説しています👇

Claude Codeに新機能。 放置中にコンテキストを 自動で圧縮。 20万トークン以上の セッションを約54分放置すると、 キャッシュが切れる前に 会話の内容を自動で要約。 長い会話を丸ごと 読み込み直す負担を抑え、 要約を引き継いで再開できる。 設定はこちら👇　　　　　　　　　　　　　　　　　　　　　　　　 ✓ 圧縮対象のトークン数を指定 CLAUDE_CODE_IDLE_COMPACT_MIN_TOKENS ✓ 自動圧縮をオフ “idleCompaction”: false 長時間の作業で、 途中に休憩を挟む人ほど うれしい機能👇