The Morning
Signal

Alex Finn shares a six-step troubleshooting checklist for OpenClaw users experiencing performance degradation. Headline advice: - 🔶 Clear your sessions — biggest single improvement. Every cron job is creating a session that accumulates and slows things down. - Additional steps cover cache clearing, model routing, session lifecycle, and cron hygiene (full list on thread). The core insight: session bloat is the #1 latency tax on long-running OpenClaw deployments.

Alex Finn が、OpenClaw のパフォーマンス劣化に悩むユーザー向けに6ステップのトラブルシュート手順を共有。要点は以下： - 🔶 セッションをクリアする — 最も効果が大きい。cron ジョブが毎回セッションを生成して蓄積し、レイテンシを悪化させている - 残りのステップはキャッシュクリア、モデルルーティング、セッションのライフサイクル管理、cron 運用のクリーンアップなど（詳細はスレッド参照） コアな気づきは「セッション肥大化こそ長時間運用の最大のレイテンシ税」。

タイトル: Claude Designは"デザイン"という行為をどう変えていくのか？ 2026年4月17日、AnthropicがClaude Designを発表しました。Claude Opus 4.7を基盤にしたデザイン生成の実験的プレビューで、段階ロールアウトで私のMax環境にも届いたので触ってみました。 1:16 1:00 結論を先に書きます。 Claude Designはデザインのワークフローを型化してノンデザイナーに開こうとする、野心的なツールです。 Claude Designで何ができるのか 公式ドキュメントと発表資料から、主要な機能を並べておきます。 Claude Opus 4.7ベース、Pro/Max/Team/Enterpriseで利用可 会話でプロトタイプ・スライド・LP・モックアップを生成 デザインシステムを自動読み込みしてブランド統一 テキスト / 画像 / DOCX / PPTX / XLSX / コードベース / Webキャプチャから入力可 インラインコメント、直接編集、調整ノブでライブ編集 組織内で閲覧・編集権限を分けて共同編集、Claudeとグループ会話 Canva / PDF / PPTX / HTMLに書き出し、Claude Codeへのハンドオフも一発 他ツールで20プロンプトかかる工程がClaude Designなら2プロンプト、という事例も紹介されています。 特に触って効いてきたのは、共同編集の扱いやすさでした。Claude Codeはターミナル中心で他メンバーと画面を覗き合う前提になりづらく、レビューが追いつきにくい場面がありました。Claude Designはブラウザでそのまま権限を分けて見せられるので、デザイナー以外のメンバーと「ここを直したい」を同じ画面で話せるフリクションの低さが効きます。 Anthropicのプロダクト群で弱かった共同作業の層を、この一本で埋めに来ています。 デザインシステムへの肩入れも目を引きました。コードベースやデザインファイルからブランドカラー・フォント・コンポーネントを読み込み、出力へ反映する挙動は、組織のトーンから初稿を外さないための歯止めとして機能します。ファウンダーやPMに一次生成を開くなら、ここが効かないと出力は使い物になりません。Anthropicはその答えを機能の中心に据えています。 加えて、Google Stitchが主に単体ファイルやDESIGN.mdに仕様を書き起こして渡す方式なのに対し、Claude Designはソースフォルダから直接読み込みでき、テイストや判断基準のような言語化しづらい情報をもテキストで吸い上げます。 非言語を徹底的に言語化して誰でも扱えるようにする思想が透けています。 ターゲティングは"デザイナー"ではない このプロダクトの位置付けは明快です。公式ドキュメントのClaude Designを始めるによれば、対象はファウンダー・PM・マーケター。経験豊富なデザイナーでさえ「探索を節約せざるを得ない」とAnthropicは添えていて、一次生成のコストを下げる側に設計されています。 見逃せないのは、FigmaやAdobeのようなクリエイターファーストの道具が「つくる人」の表現幅を広げるのに対し、Claude Designがつくる人の手前にいる層に初稿を出させにいく点です。道具の主戦場は、表現の自由度から実務者の底上げへ移っています。Claude Codeがエンジニアのコード作業を一段圧縮したのと同じアプローチを、デザインに持ち込んでいる格好です。 仕組みの上でも狙いは一貫しています。デザイナーのワークフローを観察して型化し、クエスチョン形式の対話で必要な前提を順に引き出す。紙に描いた粗い線からレイアウトの意図を読み取るスケッチ機能は、言葉では詰めにくい発想をビジュアルで受け渡せる設計です。デザインに苦手意識のある人でも、型に沿って手順を踏めば一定品質に届くように組まれています。 直列フローという割り切り UIモックを1本と、プレゼンスライドを1本つくってみたのですが、触るほどコンテキスト投入 → ワイヤーフレーム → デザイン → 実装の直列フローが前提に置かれていることが見えてきました。 各ステップの確認を積み上げて進ませる構成は、初稿を出しきるまでの速度には確かに効きます。迷いの余地を減らし、合意を一段ずつ取りながら進めるので、ノンデザイナーでも筋の通ったアウトプットに届きやすくなります。 一方で、実務は一方向ではなかなか進みません。ワイヤーの途中でブランドの方針が変わったり、実装に入ってから情報設計を戻したりが日常で、発散と収束を何度も行き来するのが通常です。整った直列は初稿の速さに効く一方で、思考の行き来を受け止めにくく、型から外して再探索するような使い方は、あまり想定されていないように見えました。 裏を返せば、これは意図された割り切りです。誰でも分かりやすいワークフローに落とし込み、型から逸脱しないように歩かせる設計は、ノンデザイナーに開くための対価でもあります。速さと自由度の両立が難しい以上、まずは速さに寄せるプロダクトの立場として筋が通っています。 既存のデザインエコシステムと、どう向き合うか この割り切りは、外部ツールとの繋ぎ方にも表れています。触って気になったのは、既存のキャンバス系デザインツール（Figma）への書き出しが用意されていないことでした。ツール連携は提携先のCanvaと自社のClaude Codeに限られ、生成と共同編集はツール内で完結させ、作り込みはそこへのハンドオフに流す設計です。 周辺ツールを並べると、この選択の特異さが見えてきます。既存のキャンバス系デザインツールはAI生成機能を取り込んだり、動くコードをキャンバスに引き込んだりと、コードとキャンバスの境界を自ら広げる方向に動いています。同じAI生成ツールでもGoogle Stitchは既存デザインツールへの書き出しで橋渡しを残し、v0やLovableはコード出力で単方向に流します。エコシステムへの距離の取り方は、ツールごとに違っています。 こうして並べてみると、Claude Designは一歩離れた立ち位置を選んでいます。 既存のデザインエコシステムには乗らず、提携と自社で固めた自前の出口で完結させる設計です。Claude Codeがコーディングの完結点を自ら引き受けたのとは違い、Claude Designは完結点をツール外へ分散させる一方、生成と議論の入口はツール内に引き寄せています。Anthropicらしい、独立を志向する野心の表れです。 "デザイナー"の仕事はどこに移るか 前提として踏まえたいのは、Claude Designがこれまでのデザイン生成の水準を一段引き上げたことです。デザインシステムなどのデザインのインフラと、作りたい成果物のコンテキストを正しく渡せば、デザイナー以外でも筋の通ったデザインに届けるようになったのは間違いありません。 ただし、現時点でデザイナーの業務を完全に置き換える道具ではありません。私が試した範囲でも、デザインシステム継承の再現度はプロジェクトによってばらつきがあり、ブランドカラーやコンポーネントを読み込ませても細部が崩れる場面がありました。最適化の勘所はまだ未整備で、初稿は速いが、仕上げはまだ人の仕事、という線引きは"まだ"動きません。 デザイナーの仕事は今回の機能やツールの方向性を見るに、生成の入口を整える側に確実に寄っていきます。また、ノンデザイナーが生成の速さを手にするほど、出力品質を支える条件はAIに渡せるデザインシステムの整備度に寄るでしょう。 ブランドカラーやフォントだけでなく、コンポーネント命名、状態バリエーション、利用コンテキストまで含めて、AI側が解釈しやすい形に揃っているかどうか。私がプロジェクトをまたいで試した範囲では、言語化・構造化が進んだ環境ほど再現度が高く、断片的なスタイルガイドだけでは細部が崩れました。デザインシステムは整える余力のあるときに整える装飾から、生成速度を左右する前提条件へと性格を変えます。 業務の重心も動きます。PMやマーケターがひとまずの初稿を自分で出せるなら、デザイナーの時間は一次生成から判断と統合、デザインシステムの整備、ブランドトーンの監査、情報設計の再構成へ寄っていきます。 AnthropicはClaude Codeでエンジニアの作業を一段圧縮し、Claude Designで同じアプローチをデザインに持ち込もうとしています。 何をつくるかを決める仕事の比重が上がっていく気配を、今回触ってみて少し強く感じています。 [PR]デザインの判断を身につけるために 自分が運営するサービス「Parascope」では、普段自分が収集してるデザインの知見やリソースをまとめて紹介しています。今後Claude Designもさらに進化し、各種情報が拡充していく中で、本質的な情報をキュレーションしていけたらと思います。よろしければご覧ください👉 https://parascope.design/

Anthropic Labs が Claude Design を発表。Claude との会話だけでプロトタイプ・スライド・1枚資料を生成できるツールで、最新のビジョンモデル Claude Opus 4.7 が裏側を駆動している。Pro / Max / Team / Enterprise プランでリサーチプレビュー提供、当日中に段階ロールアウト。10万いいね・3200万ビューを叩き出した今週最大のリリースニュースのひとつ。

Anthropic エンジニアによる14分の動画解説を Claude Code Studio が紹介。AIエージェントが「なぜ動かないのか」「どう設計すれば使えるようになるのか」の本質を短時間で理解できる内容、とのこと。ブックマーク数1279と高く保存圧がかかっている投稿。

タイトル: 9割が知らない：Anthropicが内部でやっている Claude Code運用ベストプラクティス大全 皆さんClaudeCodeを使っててこんな悩みありませんか？ ・Claude Codeのセッションが長くなると、なぜかバカになって回答の質が落ちる ・コマンドって何？違いがよくわからない ・サブエージェントをいつ使えばいいのか判断できない ・コンテキストがぐちゃぐちゃあああ 今、Anthropicの社員であるThariq氏（@trq212）が書いた「Claude Codeのセッション管理と100万トークンコンテキスト」に関する投稿が54万ビューの大バズ中😳 なのでそんな悩みを持たれてるみなさんに、今回はその内容をわかりやすく噛み砕いて解説します👇 元ポストはこちら：https://x.com/trq212/status/2044548257058328723?s=20 ■ 𝗰𝗼𝗻𝘁𝗲𝘅𝘁 𝘄𝗶𝗻𝗱𝗼𝘄（コンテキストウィンドウ）の基本 まず前提として、Claude Codeのコンテキストウィンドウは100万トークンです。 コンテキストには以下のすべてが含まれます： ・システムプロンプト ・これまでの会話履歴 ・すべてのツール呼び出しとその出力 ・読み込まれたファイルの内容 つまり、セッションが長くなればなるほど、このコンテキストにはどんどん情報が積み重なっていきます。 ■ 𝗰𝗼𝗻𝘁𝗲𝘅𝘁 𝗿𝗼𝘁（コンテキスト腐敗）とは何か ここで重要な概念が「コンテキスト腐敗（context rot）」です。 コンテキストが大きくなると、モデルの注意が多くのトークンに分散され、古い・関係ない情報がノイズになって現在のタスクの邪魔をし始めます。 Thariq氏によると、100万トークンモデルでは約30万〜40万トークンあたりからコンテキスト腐敗が観察されるとのこと。ただしこれはタスクに大きく依存するため、厳密なルールではありません。 コンテキストウィンドウはハードカットオフ（上限に達すると強制終了）なので、上限に近づくとこれまでの作業を要約して新しいコンテキストで続行する必要があります。これが「コンパクション」と呼ばれる処理です。 ■ 毎ターンが「分岐点」である Claude Codeが1つのタスクを終えた後、次に何をするか。実はここが最も重要な判断ポイントです。 Thariq氏は5つの選択肢を挙げています： 𝟭. 𝗖𝗼𝗻𝘁𝗶𝗻𝘂𝗲（続行） 同じセッションでそのまま次のメッセージを送る。最も自然な選択肢。 𝟮. /𝗿𝗲𝘄𝗶𝗻𝗱（Esc Escダブルタップ） 過去のメッセージまで戻り、そこからやり直す。それ以降のメッセージはコンテキストから削除される。 𝟯. /𝗰𝗹𝗲𝗮𝗿（新規セッション） 自分で重要な情報をまとめ、まっさらなセッションを開始する。 𝟰. /𝗰𝗼𝗺𝗽𝗮𝗰𝘁（圧縮） これまでの会話をモデルに要約させ、その要約の上に新しい会話を続ける。 𝟱. 𝗦𝘂𝗯𝗮𝗴𝗲𝗻𝘁𝘀（サブエージェント） 次の作業チャンクを独自のクリーンなコンテキストを持つエージェントに委任し、結果だけを親セッションに返す。 ■ 新しいセッションを始めるべきタイミング 100万トークンのコンテキストウィンドウのおかげで、フルスタックアプリをゼロから構築するような長いタスクもより安定して実行できるようになりました。 しかし、コンテキストがまだ余っているからといって、同じセッションを続けるべきとは限りません。 Thariq氏の経験則はシンプルです： 🔥 「新しいタスクを始めるなら、新しいセッションも始めるべき」 ただし例外もあります。たとえば、機能を実装した直後にそのドキュメントを書く場合。新しいセッションを始めるとClaude Codeは先ほど実装したファイルをもう一度読み直す必要があり、遅くてコストもかかります。ドキュメント作成のような「高度な知性を要求しない」タスクなら、多少のコンテキスト汚染を受け入れてそのまま続行する方が効率的です。 ■ 𝗿𝗲𝘄𝗶𝗻𝗱 が最も過小評価されている機能 Thariq氏が「良いコンテキスト管理を示す最大の習慣」として挙げたのが、rewindです。 Claude Codeでは、Escキーをダブルタップ（または/rewindコマンド）することで、過去の任意のメッセージまで戻ってやり直せます。その地点より後のメッセージはコンテキストから完全に削除されます。 具体的なシナリオを考えてみましょう： Claudeが5つのファイルを読み、あるアプローチを試みたが失敗した。 ❌ 普通の反応：「それじゃダメだった。代わりにXを試して」 → 失敗したアプローチの全ログがコンテキストに残り続ける ✅ 良いやり方：ファイル読み込み直後までrewindし、学んだことを含めて再指示 → 「アプローチAは使わないで。fooモジュールはそれを公開していない。直接Bで行って」 こうすることで、失敗した試行錯誤のトークンがコンテキストから消え、クリーンな状態で再挑戦できます。 さらに「ここから要約して」機能を使えば、Claudeが自分の学びをまとめて「過去の自分から未来の自分へのメモ」を作成することもできます。 ■ /𝗰𝗼𝗺𝗽𝗮𝗰𝘁 と /𝗰𝗹𝗲𝗮𝗿 の決定的な違い セッションが長くなった時、重量を減らす方法は2つ。似ているようで全く違います。 【/compact（圧縮）】 ・モデルがこれまでの会話を要約し、履歴をその要約に置き換える ・不可逆（lossy）── 何が重要かはClaudeの判断に委ねられる ・自分で何も書かなくていいが、Claudeが見落とす可能性がある ・指示を渡して方向付けもできる（例：/compact auth refactorに集中して、テストのデバッグは削除して） 【/clear（新規セッション）】 ・自分で重要な情報を書き出し、まっさらなセッションを開始 ・「リファクタ対象はauth middleware、制約はX、関連ファイルはAとB、アプローチYは除外済み」のように ・手間はかかるが、結果のコンテキストは自分が選んだ情報だけで構成される どちらを選ぶかは、コントロールと手軽さのトレードオフです。 ■ なぜ𝗰𝗼𝗺𝗽𝗮𝗰𝘁が失敗するのか 長時間のセッションを使っていると、compactの品質が極端に悪くなることがあります。 Thariq氏によると、悪いcompactが起きる最大の原因は「モデルが作業の方向性を予測できない時」です。 具体例： 長いデバッグセッションの後にautocompactが発動し、調査内容を要約した。 → 次のメッセージで「bar.tsのあの警告も直して」と言ったら、デバッグ中心の要約からその警告の情報が抜け落ちていた。 さらに厄介なのは、コンテキスト腐敗によってcompact実行時のモデルが「最も知性が低い状態」にあるということ。つまり、最も正確な要約が必要な瞬間に、最も質の低い要約が生成されるというジレンマです。 100万トークンのコンテキストがある今、余裕のあるうちに自分から/compactを実行し、次にやることの説明を添えるのが最善策です。 ■ 𝗦𝘂𝗯𝗮𝗴𝗲𝗻𝘁𝘀（サブエージェント）の使い所 サブエージェントもコンテキスト管理の一形態です。 Claude CodeがAgentツールでサブエージェントを生成すると、そのサブエージェントは独自のクリーンなコンテキストウィンドウを持ちます。必要なだけ作業を行い、結果を要約して親セッションに返します。 判断基準はシンプル： 👀 「このツール出力は後でまた必要か？それとも結論だけあればいいか？」 結論だけでいいなら、サブエージェントに任せるべきです。 Claude Codeは自動的にサブエージェントを呼び出しますが、明示的に指示するのも効果的です： ・「サブエージェントを立ち上げて、このスペックファイルに基づいて作業結果を検証して」 ・「サブエージェントで別のコードベースのauth flowの実装方法を読んで要約して。それを参考に同じように実装して」 ・「サブエージェントでgitの差分からこの機能のドキュメントを書いて」 中間出力を親コンテキストに持ち込まないことで、コンテキストをクリーンに保てます。 ■ まとめ：5つのコンテキスト管理術 Claudeが1ターン終了し、次のメッセージを送る前に必ず判断すべきこと： 1. タスクが変わったか？ → /clear で新規セッション 2. アプローチが失敗したか？ → /rewind でファイル読み込み直後に戻る 3. セッションが長くなってきたか？ → 余裕のあるうちに /compact（方向性を添えて） 4. 大量の中間出力が出る作業か？ → サブエージェントに委任 5. 関連タスクでコンテキストが使えるか？ → そのまま続行 将来的にはClaude自身がこの判断を助けてくれるようになるとのことですが、今はユーザーがこの判断をすることで、Claude Codeの出力品質を大きく向上させることができます。 セッション管理は地味ですが、Claude Codeの体験を根本から変えるスキルです🔥 この記事が少しでも参考になった方へ。 𝗖𝗹𝗮𝘂𝗱𝗲 𝗖𝗼𝗱𝗲 𝗦𝘁𝘂𝗱𝗶𝗼 @ 𝗝𝗮𝗽𝗮𝗻（@ClaudeCode_love）は、 Claude Codeガチ勢3人で運営しているアカウントです。 実務レベルのCLI活用・自動化を毎日発信しています。 現在は上場企業とAIエージェントを共同開発中。 普段の発信内容👇 ・Claude CodeやClaudeを活用したリアルなプロダクト開発事例 ・Claude Code活用／Vibe Coding／開発トレンドの整理 ・海外のClaude Codeに関する最新情報 開発思想から設計、実装、改善まで、 「作って終わり」ではなく動くプロダクトを世に出すところまでを 海外の情報や１次情報をまとめています。 ご関心のある方は、ぜひフォローしてチェックしてみてください👀有益だと思います！

タイトル: Using Claude Code: Session Management & 1M Context In my recent calls with Claude Code users, one theme keeps coming up: the 1M token context window is a double-edged sword. It lets Claude Code operate autonomously for longer and handle tasks more reliably, but it also opens the door to context pollution if you're not deliberate about managing your sessions. Session management matters more than ever and there seem to be a lot of questions about it. Do you keep one session open in a terminal, or two? Start fresh with every prompt? When should you use compact, rewind, or subagents? What causes a bad compact? There’s a surprising amount of detail here that can really shape your experience with Claude Code and almost all of it comes from managing your context window. A Quick Primer on Context, Compaction & Context Rot The context window is everything the model can "see" at once when generating its next response. It includes your system prompt, the conversation so far, every tool call and its output, and every file that's been read. Claude Code has a context window of one million tokens. Unfortunately using context has a slight cost, which is often called context rot. Context rot is the observation that model performance degrades as context grows because attention gets spread across more tokens, and older, irrelevant content starts to distract from the current task. For our 1MM context model, we see some level of context rot happen around ~300-400k tokens, but it is highly dependent on the task- not a fast rule. Context windows are a hard cutoff, so when you’re nearing the end of the context window, you will need to summarize the task you’ve been working on into a smaller description and continue the work in a new context window, we call this compaction. You can also trigger compaction yourself. Every Turn Is a Branching Point Say you've just asked Claude to do something and it's finished, you’ve now got some information in your context (tool calls, tool outputs, your instructions) and you have a surprising number of options for what to do next: Continue — send another message in the same session /rewind (esc esc) — jump back to a previous message and try again from there /clear — start a new session, usually with a brief you've distilled from what you just learned Compact — summarize the session so far and keep going on top of the summary Subagents — delegate the next chunk of work to an agent with its own clean context, and only pull its result back in While the most natural is just to continue, the other four options exist to help manage your context. When to Start a New Session The new 1M context windows means that you can now do longer tasks more reliably, for example to have it build a full-stack app from scratch. But just because your model hasn't run out of context, it doesn't mean you shouldn't start a new session. Our general rule of thumb is when you start a new task, you should also start a new session. A grey area is when you may want to do related tasks where some of the context is still necessary, but not all. For example, writing the documentation for a feature you just implemented. While you could start a new session, Claude would have to reread the files that you just implemented, which would be slower and more expensive. Since documentation may not be a highly intelligence sensitive task, the extra context is probably worth the efficiency gain of not having to re-read the relevant files again. Rewinding Instead of Correcting If I had to pick one habit that signals good context management, it’s rewind. In Claude Code, double-tapping Esc(or running /rewind) lets you jump back to any previous message and re-prompt from there. The messages after that point are dropped from the context. Rewind is often the better approach to correction. For example, Claude reads five files, tries an approach, and it doesn't work. Your instinct may be to type "that didn't work, try X instead." but the better move is to rewind to just after the file reads, and re-prompt with what you learned. "Don't use approach A, the foo module doesn't expose that — go straight to B." You can also use “summarize from here” to have Claude summarize its learnings and create a handoff message, kind of like a message to the previous iteration of Claude from its future self that tried something and it didn’t work. Compacting vs. Fresh Sessions Once a session gets long, you have two ways to shed weight: /compact or /clear (and start fresh). They feel similar but behave very differently. Compact asks the model to summarize the conversation so far, then replaces the history with that summary. It's lossy, you're trusting Claude to decide what mattered, but you didn't have to write anything yourself and Claude might be more thorough in including important learnings or files. You can also steer it by passing instructions (/compact focus on the auth refactor, drop the test debugging). With /clear you write down what matters ("we're refactoring the auth middleware, the constraint is X, the files that matter are A and B, we've ruled out approach Y") and start clean. It's more work, but the resulting context is what you decided was relevant. What Causes a Bad Compact? If you run a lot of long running sessions, you might have noticed times in which compacting might be particularly bad. In this case we’ve often found that bad compacts can happen when the model can’t predict the direction your work is going. For example autocompact fires after a long debugging session and summarizes the investigation and your next message is "now fix that other warning we saw in bar.ts." But because the session was focused on debugging, the other warning might have been dropped from the summary. This is particularly difficult, because due to context rot, the model is at its least intelligent point when compacting. With one million context, you have more time to /compact proactively with a description of what you want to do. Subagents & Fresh Context Windows Subagents are a form of context management, useful for when you know in advance that a chunk of work will produce a lot of intermediate output you won't need again. When Claude spawns a subagent via the Agent tool, that subagent gets its own fresh context window. It can do as much work as it needs to, and then synthesize its results so only the final report comes back to the parent. The mental test we use: will I need this tool output again, or just the conclusion? While Claude Code will automatically call subagents, you may want to tell it to explicitly do this. For example, you may want to tell it to: “Spin up a subagent to verify the result of this work based on the following spec file” “Spin off a subagent to read through this other codebase and summarize how it implemented the auth flow, then implement it yourself in the same way” “Spin off a subagent to write the docs on this feature based on my git changes” Summary In summary, when Claude has ended a turn and you’re about to send a new message, you have a decision point. Overtime we expect that Claude will help you handle this itself, but for now this is one of the ways you can guide Claude's output.

タイトル: Top 67 Claude Skills That Turn a $20 Subscription Into a Full Dev Team - (Full Links) Most people use Claude like a $20 autocomplete They type. They get an answer. They move on They have no idea Claude can run an entire dev team - architect, reviewer, debugger, docs writer - all at once They just don't know skills exist The difference? Skills. 67 of them. With full install commands. Sorted by use case. What Claude skills actually are A skill is a folder with a SKILL.md file that tells Claude exactly how to do a specific type of work: step-by-step process, constraints, examples, and any helper scripts or templates Instead of re-explaining your process every session, you install that process once as a skill and reuse it forever Install commands use this format: Key repos: Official Anthropic skills: github.com/anthropics/skills Matt Pocock personal skills (15k stars): github.com/mattpocock/skills Community marketplace (66k+ skills): skillsmp.com Meta skills - managing your AI workspace These skills help you build, test, and organize every other skill Skill Creator What it does: Benchmarks Claude on your task, then helps you draft and iterate new skills based on real runs. Use it when: You want to turn a messy workflow into one clean SKILL.md. Link: github.com/anthropics/skills/tree/main/skills/skill-creator How to use: Describe your workflow in bullet points Ask Skill Creator to propose a first SKILL.md Run 3-5 test prompts, inspect failures, and let it refine the instructions Write a Skill What it does: Guides Claude to write new skills with proper structure, progressive disclosure, and bundled resources This is the right way to create skills that don't break over time Link: github.com/mattpocock/skills/tree/main/write-a-skill Install: Use it when Skill Creator gives you a raw draft and you need to clean up the structure Find Skills What it does: Searches public marketplaces like SkillsMP for skills that match your use case. Example marketplace: skillsmp.com Tip: Treat "finding skills" like package management. Before you write a new skill, search for existing ones and fork them Planning and design skills These skills stop you from building the wrong thing. Grill Me Purpose: Forces Claude to ask relentless clarifying questions about your feature, one question at a time, until every branch of the decision tree is resolved. Use it for: New features, refactors, risky migrations. Install: npx skills@latest add mattpocock/skills/grill-me Link: github.com/mattpocock/skills/tree/main/grill-me You will get questions about data models, edge cases, failure modes, existing systems. Answer patiently once instead of firefighting later Write a PRD Purpose: Creates a PRD through an interactive interview, codebase exploration, and module design. Files it as a GitHub issue. Install: npx skills@latest add mattpocock/skills/write-a-prd Link: github.com/mattpocock/skills/tree/main/write-a-prd Ask it to: Capture goals, non-goals, user stories Enumerate success metrics and constraints Link to existing systems you'll touch PRD to Plan Purpose: Turns a PRD into a multi-phase implementation plan using tracer-bullet vertical slices. This is not just task breakdown - it gives you the sequence that actually reduces integration risk. Install: npx skills@latest add mattpocock/skills/prd-to-plan Link: github.com/mattpocock/skills/tree/main/prd-to-plan The difference from PRD to Issues: a plan is ordered and staged, issues are independent. Use both PRD to Issues Purpose: Breaks a PRD into independently-grabbable GitHub issues with vertical slices and blocking relationships. Install: npx skills@latest add mattpocock/skills/prd-to-issues Link: github.com/mattpocock/skills/tree/main/prd-to-issues Tell it: "Use PRD to Issues on the PRD above. Output GitHub issues grouped by epic with blockers stated explicitly" Design an Interface Purpose: Generates multiple radically different interface designs for a module using parallel sub-agents. Install: npx skills@latest add mattpocock/skills/design-an-interface Link: github.com/mattpocock/skills/tree/main/design-an-interface Not just one design - you get 3-5 competing options with different tradeoffs. Pick the one that makes sense for your constraints Request Refactor Plan Purpose: Creates a detailed refactor plan with tiny commits via user interview, then files it as a GitHub issue. Install: npx skills@latest add mattpocock/skills/request-refactor-plan Link: github.com/mattpocock/skills/tree/main/request-refactor-plan Code development skills These skills turn Claude into a disciplined engineering partner, not a code autocomplete toy. TDD Purpose: Forces a strict test-first, red-green-refactor loop. Builds features or fixes bugs one vertical slice at a time. Install: npx skills@latest add mattpocock/skills/tdd Link: github.com/mattpocock/skills/tree/main/tdd You get: Failing tests first Then minimal code to pass them Then a refactor pass, still under tests Triage Issue Purpose: Investigates a bug by exploring the codebase, identifies the root cause, and files a GitHub issue with a TDD-based fix plan. Install: npx skills@latest add mattpocock/skills/triage-issue Link: github.com/mattpocock/skills/tree/main/triage-issue This is the "I have no idea why this is broken" skill. It does the detective work first, then gives you a structured plan to fix it properly QA Purpose: Runs a full QA pass over a feature with issue breakdown that includes blocking relationships. Install: npx skills@latest add mattpocock/skills/qa Link: github.com/mattpocock/skills/tree/main/qa Use it before every PR: Surface all edge cases Get issues filed and ordered by what blocks what Ship without regressions Improve Codebase Architecture Purpose: Explores a codebase for architectural improvement opportunities, focusing on deepening shallow modules and improving testability. Install: npx skills@latest add mattpocock/skills/improve-codebase-architecture Link: github.com/mattpocock/skills/tree/main/improve-codebase-architecture Ask it to: Identify hotspots Propose 2-3 refactor strategies Detail risk, effort, and impact for each Migrate to Shoehorn Purpose: Migrates test files from as type assertions to @total-typescript/shoehorn - Matt Pocock's own TypeScript library Install: npx skills@latest add mattpocock/skills/migrate-to-shoehorn Link: github.com/mattpocock/skills/tree/main/migrate-to-shoehorn This is niche but extremely useful if you work in TypeScript and want type-safe test code. It's also a great template for writing migration skills for your own tools Scaffold Exercises Purpose: Creates exercise directory structures with sections, problems, solutions, and explainers. Install: npx skills@latest add mattpocock/skills/scaffold-exercises Link: github.com/mattpocock/skills/tree/main/scaffold-exercises Perfect for: Building course content Creating onboarding materials for your team Documenting complex systems as interactive exercises Auto-Commit Messages Purpose: Reads your staged diff and generates a conventional commit message with type, scope, and body Use it when: You're tired of writing "fix stuff" at 2am Install: npx skills@latest add anthropics/skills/auto-commit Link: github.com/anthropics/skills/tree/main/skills/auto-commit Code Review Purpose: Gives you a systematic review for security, performance, error handling, and architecture. Link: github.com/anthropics/skills (search Code Review) You can ask for: "Security-first review" "Performance-first review" Or a full checklist pass Systematic Debugging Origin: From the Superpowers repo Purpose: A 4-phase debugging methodology that forbids random "just try changing stuff" edits. Link: github.com/obra/superpowers/tree/main/skills/systematic-debugging Typical flow: Reproduce and create the smallest failing test Narrow the root cause Apply a single fix Verify with tests and logs Brainstorming Purpose: Turns raw feature ideas into detailed flows and architectures using Socratic questioning Use it pre-implementation: data shape design, API surface, failure and rollback story Link: github.com/obra/superpowers/tree/main/skills/brainstorming Change Log Generator Purpose: Reads your commits and produces human-readable or developer-focused change logs Use it for: Releases, internal updates, investor summaries Link: github.com/ComposioHQ/awesome-claude-skills/tree/master/changelog-generator Simplification Cascade Purpose: Identifies convoluted logic and rewrites it into smaller, composable pieces Best for: Legacy "god functions" that nobody wants to touch Link: mcpmarket.com/tools/skills/simplification-cascades-1 Superpowers What it is: A full suite of battle-tested skills for TDD, debugging, refactoring, and execution Link: github.com/obra/superpowers Use it as your default "engineering brain" layer React Best Practices Purpose: Enforces Vercel/Next.js style best practices in your React code Use it when: Migrating to Next, cleaning up a legacy React app, or training junior devs Link: github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices File Search Purpose: Teaches Claude to use tools like ripgrep and ast-grep to navigate large codebases fast Link: github.com/massgen/massgen Context Optimization Purpose: Reduces context size and token bills while keeping the important stuff Link: github.com/muratcankoylan/agent-skills-for-context-engineering Tooling and setup skills These are the "do this once, forget about it forever" skills Setup Pre-Commit Purpose: Sets up Husky pre-commit hooks with lint-staged, Prettier, type checking, and tests Install: npx skills@latest add mattpocock/skills/setup-pre-commit Link: github.com/mattpocock/skills/tree/main/setup-pre-commit Run this on every new repo. Your future self will thank you. Git Guardrails for Claude Code Purpose: Sets up Claude Code hooks that block dangerous git commands - push, reset --hard, clean, etc. - before they execute Install: npx skills@latest add mattpocock/skills/git-guardrails-claude-code Link: github.com/mattpocock/skills/tree/main/git-guardrails-claude-code This is not optional if you use Claude Code on production repos. Claude is fast and helpful until it isn't. This skill is your safety net Dependency Auditor Purpose: Scans your package.json for outdated, vulnerable, or abandoned packages and outputs a prioritized fix list Use it when: Your repo hasn't been touched in 6 months and you're scared to npm audit Install: npx skills@latest add ComposioHQ/awesome-claude-skills/dependency-auditor Link: github.com/ComposioHQ/awesome-claude-skills Git Work Trees Purpose: Manages safe feature development on isolated branches without breaking your main project Use it when: You need isolated experimental branches or parallel features Issue and project management skills GitHub Triage Purpose: Triages incoming GitHub issues with an agent brief and out-of-scope documentation so Claude knows exactly what to investigate and what to skip Install: npx skills@latest add mattpocock/skills/github-triage Link: github.com/mattpocock/skills/tree/main/github-triage Use it to: Process large issue backlogs fast Label and categorize automatically Route issues to the right person or epic Writing and knowledge skills Edit Article Purpose: Edits and improves articles by restructuring sections, improving clarity, and tightening prose Install: npx skills@latest add mattpocock/skills/edit-article Link: github.com/mattpocock/skills/tree/main/edit-article This is not "clean up grammar". It restructures arguments, cuts filler, and sharpens the point of each section Ubiquitous Language Purpose: Extracts a DDD-style ubiquitous language glossary from the current conversation Install: npx skills@latest add mattpocock/skills/ubiquitous-language Link: github.com/mattpocock/skills/tree/main/ubiquitous-language Why it matters: Every team has private vocabulary: "event", "order", "user" mean different things to different people This skill forces Claude to surface and define your domain language before any code is written Your codebase, docs, and conversations then share the same words for the same things API Documentation Generator Purpose: Reads your routes and generates OpenAPI / Swagger docs with examples, error codes, and auth requirements Use it when: You shipped the API but never wrote the docs Install: npx skills@latest add ComposioHQ/awesome-claude-skills/api-docs-generator Link: github.com/ComposioHQ/awesome-claude-skills Paste it into your README or host it on Swagger UI. Takes 30 seconds. Content Researcher Purpose: Learns your writing style, then drafts long-form blogs and newsletters with real citations Use it to: Clone your Twitter tone into longer posts, produce SEO blog posts Link: github.com/ComposioHQ/awesome-claude-skills/blob/master/content-research-writer/SKILL.md Obsidian Vault Purpose: Searches, creates, and manages notes in an Obsidian vault with wikilinks and index notes Install: npx skills@latest add mattpocock/skills/obsidian-vault Link: github.com/mattpocock/skills/tree/main/obsidian-vault Different from the Kepano Obsidian skill which auto-tags. This one is interactive - it navigates your vault, creates new notes, and maintains link consistency. Also available: github.com/kepano/obsidian-skills - the auto-tagging variant UI, design, and frontend skills Frontend Design Purpose: Guides Claude to produce modern, clean UI Link: github.com/anthropics/skills/tree/main/skills/frontend-design Awesome-design Purpose: Uses markdown templates inspired by Notion, Figma, etc to structure your UI thinking Use it for: Landing pages, dashboards, settings pages Link: github.com/VoltAgent/awesome-design-md Theme Factory Purpose: Generates complete color palettes and themes from a single text prompt Link: github.com/anthropics/skills/tree/main/skills/theme-factory Workflow: Describe your brand: "calm fintech, trust, dark accent" Get palette with tokens Apply to Tailwind / CSS variables Canvas Design Purpose: Turns text prompts into social media graphics, posters, and covers Link: github.com/anthropics/skills/tree/main/skills/canvas-design Web Artifacts Builder Purpose: Builds interactive dashboards, calculators, and tools from natural language Link: github.com/anthropics/skills/tree/main/skills/web-artifacts-builder Algorithmic Art Purpose: Uses p5.js for generative and algorithmic visuals Link: github.com/anthropics/skills/tree/main/skills/algorithmic-art Brand Guidelines Purpose: Enforces your brand system across all new components Link: github.com/anthropics/skills/tree/main/skills/brand-guidelines Business, sales, and marketing skills Domain Name Brainstormer Purpose: Generates product names and checks domain availability Use it when: Launching new apps or micro-brands Link: github.com/Microck/ordinary-claude-skills/tree/main/skills_all/domain-name-brainstormer Stripe Integration Purpose: Sets up secure payment flows, webhooks, and subscriptions without rookie API mistakes Link: github.com/wshobson/agents/tree/main/plugins/payment-processing/skills/stripe-integration Lead Research Assistant Purpose: Finds target companies and decision-makers based on your ICP Use it for: B2B outreach lists, partnership hunting Link: github.com/ComposioHQ/awesome-claude-skills/blob/master/lead-research-assistant/SKILL.md Marketing Skills What it is: 20+ skills for CRO, copywriting, email flows, etc Link: github.com/coreyhaines31/marketingskills Claude SEO Purpose: Full technical SEO audit, schema, and on-page optimization. Link: github.com/AgriciDaniel/claude-seo Idea Mining / YouTube Weekly Roundup Purpose: Scrapes your comments, competitor videos, and niche trends into a weekly idea bank + SWOT PDF Link: https://github.com/AgriciDaniel/claude-youtube Install: npx skills@latest add AgriciDaniel/claude-youtube Media generation skills Image Generator Purpose: Connects to external APIs like Nano Banana Pro for photo-quality images Nano Banana Pro: github.com/feedtailor/ccskill-nanobanana Nano Banana 2: github.com/kingbootoshi/nano-banana-2-skill Local Image Gen Purpose: Runs a local Python script to generate avatars and icons Link: github.com/jezweb/claude-skills/blob/main/plugins/design-assets/skills/ai-image-generator/SKILL.md Image Optimizer Purpose: Resizes and converts images to WebP for fast web performance Link: mcpmarket.com/tools/skills/image-optimizer Remotion Best Practices Purpose: Encodes best practices for using Remotion to generate video and motion graphics. Link: github.com/remotion-dev/remotion Emotion Purpose: Scripted, programmatic video animations Link: github.com/wilwaldon/Claude-Code-Video-Toolkit Office, documents, and productivity skills PDF Processing Purpose: Extracts tables, fills forms, merges PDFs Link: github.com/anthropics/skills/tree/main/skills/pdf DOCX Purpose: Edits Word docs with tracked changes and formatting intact Link: github.com/anthropics/skills/tree/main/skills/docx PPTX Purpose: Creates and edits slide decks, layouts, and speaker notes Link: github.com/anthropics/skills/tree/main/skills/pptx XLSX Purpose: Writes formulas, pivot tables, and charts from plain English Link: github.com/anthropics/skills/tree/main/skills/xlsx Excel MCP Server Purpose: Manipulates Excel files directly via MCP, no desktop Excel required Link: github.com/haris-musa/excel-mcp-server Doc Co-Authoring Purpose: Real-time collaborative writing between you and Claude Link: github.com/anthropics/skills/tree/main/skills/doc-coauthoring NotebookLM Integration Purpose: Bridges Claude with Google's NotebookLM for summaries and flashcards Link: github.com/PleasePrompto/notebooklm-skill GWS (Google Workspace) Purpose: Automates Google Calendar, Drive, Docs Use cases: Reschedule meetings, organize shared drives, generate docs from templates Link: https://github.com/googleworkspace/cli Multi-agent orchestration and web surfing Stochastic Multi-Agent Consensus Purpose: Spawns many sub-agents to solve the same problem and aggregates their answers Use it for: Strategy decisions, architecture choices, risk analysis Link: github.com/hungv47/meta-skills Model-chat (Debate) Purpose: Puts multiple Claude instances into a debate to stress-test ideas Use it when: You're choosing between 2-3 big bets Link: github.com/tommasinigiovanni/conclave Custom YT Search Purpose: Searches and analyzes YouTube content autonomously Link: github.com/ZeroPointRepo/youtube-skills/blob/main/README.md Playwright CLI Purpose: Controls a real browser via Playwright for UI regression checks and funnel walkthroughs Link: github.com/microsoft/playwright Firecrawl Skill Purpose: Scrapes structured data from hostile or complex sites that block naive scrapers Link: github.com/mendableai/firecrawl How to wire this into your workflow Start with meta skills - Install Write a Skill and Skill Creator so you can build and fix skills properly from day one. Add planning skills first - Grill Me, Write a PRD, PRD to Plan, PRD to Issues, Design an Interface. These prevent 80% of rework. Lock in code safety - Git Guardrails, Setup Pre-Commit, TDD, Systematic Debugging, Triage Issue. Install these on every repo. Add Superpowers as your engineering base - github.com/obra/superpowers Layer business skills on top - Marketing Skills, Claude SEO, Lead Research, Content Researcher. Use SkillsMP to fill gaps - skillsmp.com - when you hit a new problem, search before you build Save this before you forget You just got the full Claude skill stack - planning, coding, design, marketing, docs, media, and multi-agent orchestration in one place Most people will skim this, close the tab, and go back to prompting Claude like it's 2024 Don't be that person Bookmark this page right now Copy the full link index into your own doc Pick one skill from each section and install it today Come back in a week when you realize you can't work without them If this saved you time - repost it. Someone on your timeline is still writing 500-word prompts to get what a single SKILL.md does automatically Follow me @polydao for more posts on Claude, AI tools, prediction markets, and what's actually worth your time in crypto