Repolode
投稿する
SupportPages-io

SupportPages-io/wtfm

Claude CodeやCodex向けのプラグイン。ソースコードをもとに、独自のUIマークアップから生成したスクリーンショット付きのユーザー向けヘルプ記事を作成します。

GitHub で見る公式サイト
スター
121
フォーク
10
未解決の Issue
7
最終コミット
9 時間前

これは何？

WTFMは、Claude CodeやCodexなどのコーディングエージェント向けプラグインです。製品を開発する人ではなく、利用する人に向けた、操作手順やトラブルシューティングのガイドを作成します。エージェントは関連するソースコードを読み取り、ルートやボタンのラベル、操作の流れをコードから抽出して、わかりやすい言葉で手順を書きます。

ガイドの各画面にはスクリーンショットが付きます。WTFMはプロジェクト独自のマークアップ、スタイル、ブランド要素からモックアップを再構築し、ローカルのヘッドレスChromiumでPNGにレンダリングします。そのため、アプリを起動したり、手動で画面をキャプチャしたりする必要はありません。記事は画像と一緒にMarkdownのフォルダとして保存され、保存前に構成、文章、スクリーンショットのチェックを通過します。

このツールは、利用者自身のエージェントサブスクリプションを使ってローカルで動作します。SupportPages.ioへの公開は任意で、利用者が選んだ場合にのみ行われます。macOSとLinuxに対応し、WindowsではWSL経由で利用できます。

主な機能

  • 01プロジェクトのソースコードをもとに、操作手順やトラブルシューティングの記事を作成します。
  • 02アプリを起動せずに、プロジェクト独自のマークアップ、スタイル、ブランド要素からスクリーンショットを生成します。
  • 03各記事と同じフォルダに画像を保存し、プレーンなMarkdownで出力します。
  • 04保存前に構成、文章、スクリーンショットをチェックします。
  • 05一度のセットアップコマンドで、Claude CodeまたはCodexから利用できます。

ユースケース

  • 製品の機能を見つけられない顧客向けのガイドを作成する。
  • チームメンバーの招待や設定の変更など、管理者向けの作業を文書化する。
  • ヘルプセンター向けに、画像付きのトラブルシューティング記事を作成する。
  • ユーザー向けドキュメントを製品コードと同じリポジトリで管理する。

クイックスタート

  1. 1

    READMEから公式のインストールスクリプトを実行する

  2. 2

    コンピューターをセットアップする

    wtfm setup
  3. 3

    プロジェクトをセットアップする

    wtfm init
  4. 4

    プロジェクト内でClaude CodeまたはCodexに記事の執筆を依頼する

使う前に知っておきたいこと

  • macOSとLinuxのみ対応。WindowsユーザーはWSLが必要です。
  • Claude CodeまたはCodexがインストール済みでサインインしていることと、Gitが必要です。
  • セットアップを初めて実行するときに、スクリーンショット用のChromiumがダウンロードされます。

収録されている特集

Claude Code のツール・スキル・プラグインオープンソースの AI エージェント・フレームワークとアプリAI コーディングアシスタントとエージェントCLI・ターミナルツール静的サイトジェネレーターとドキュメントツール

トピック

#ai-agents#technical-writing#documentation#user-documentation#screenshots#claude-code#markdown#cli#codex#help-center

よくある質問

wtfm とは？
Claude CodeやCodex向けのプラグイン。ソースコードをもとに、独自のUIマークアップから生成したスクリーンショット付きのユーザー向けヘルプ記事を作成します。 WTFMは、Claude CodeやCodexなどのコーディングエージェント向けプラグインです。製品を開発する人ではなく、利用する人に向けた、操作手順やトラブルシューティングのガイドを作成します。エージェントは関連するソースコードを読み取り、ルートやボタンのラベル、操作の流れをコードから抽出して、わかりやすい言葉で手順を書きます。
wtfm は無料で使えますか？ライセンスは？
wtfm は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
wtfm は今もメンテナンスされていますか？
活発にメンテナンス中。wtfm の最終コミットは 2026年11月5日 です。
wtfm は何に使えますか？
製品の機能を見つけられない顧客向けのガイドを作成する。 チームメンバーの招待や設定の変更など、管理者向けの作業を文書化する。 ヘルプセンター向けに、画像付きのトラブルシューティング記事を作成する。 ユーザー向けドキュメントを製品コードと同じリポジトリで管理する。
wtfm のインストール方法は？
READMEから公式のインストールスクリプトを実行する コンピューターをセットアップする: wtfm setup プロジェクトをセットアップする: wtfm init プロジェクト内でClaude CodeまたはCodexに記事の執筆を依頼する
wtfm はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/SupportPages-io/wtfm

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト