.claude/skills/preview-markdown/SKILL.md
Markdownファイルをブラウザでライブプレビューする。mo (k1LoW/mo) を使い、 ファイル保存時に自動リロードされるプレビューを開く。 「プレビューして」「ブラウザで確認」「markdownを表示」「moで開いて」 「レビュー用に開いて」など、Markdownの視覚的確認が必要な場面で使う。 ファイル作成・編集後の確認フェーズでも積極的に提案すること。
npx skillsauth add blackawa/dotfiles preview-markdownInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
mo はローカルで動くMarkdownビューアで、ファイル保存のたびにブラウザが自動リロードされる。
一度起動すると常駐し、後からファイルを追加できる。
--target でグループ名を付けるgit rev-parse --show-toplevel の basename を取得する--no-open を付ける# gitリポジトリ内ならリポジトリ名を使う
basename "$(git rev-parse --show-toplevel 2>/dev/null)" 2>/dev/null || basename "$PWD"
mo --status
--no-open を付けるmo を実行(自動でブラウザが開く)# 単一ファイル(初回起動)
mo README.md --target <project-name>
# サーバー起動済みの場合
mo docs/design.md --target <project-name> --no-open
# glob パターンで監視(ディレクトリ内の全.mdを継続監視)
mo --watch 'docs/**/*.md' --target <project-name>
ユーザーから「閉じて」「プレビュー止めて」と言われたら:
# 特定ファイルを閉じる
mo README.md --close --target <project-name>
# サーバー自体を停止(全プロジェクト終了時のみ)
mo --shutdown
| 状況 | コマンド |
|------|---------|
| 1ファイルだけ見たい | mo <file> -t <project> |
| ディレクトリ内を全部見たい | mo -w '<dir>/**/*.md' -t <project> |
| 追加で別ファイルも見たい | mo <file> -t <project> --no-open |
| 別プロジェクトのファイルも見たい | mo <file> -t <other-project> |
mo はバックグラウンドで動作するため、コマンドは即座に返るmo --clear でリセット可能development
X(Twitter)の特定投稿URLから原文を直接取得するスキル。 fxtwitter API(APIキー不要・無料)を使用し、ロングポスト(記事形式)の全文取得にも対応。 以下のようなリクエストで発動する: 「この投稿を取得」「ツイートの内容」「このURLの投稿を見せて」 「このXの投稿を読んで」「このツイートを取得して」。 X/TwitterのURLが含まれるメッセージで、検索ではなく特定投稿の内容取得が目的の場合に使う。 x-ai-search との棲み分け: - 検索(キーワードで複数投稿を探す)→ x-ai-search - 特定投稿の取得(URLやIDで1件取得)→ x-tweet-fetch
development
TypeScript / JavaScript コードの作成・レビュー時に適用する規約とベストプラクティス。 .ts, .tsx, .js, .jsx ファイルの編集、Node.js/Deno プロジェクトのセットアップ、 vitest/biome/tsc の実行時に自動で有効化される。
business
Slackメッセージの作成・送信時に適用する規約とベストプラクティス。 slack_send_message / slack_send_message_draft の実行時に自動で有効化される。 「Slackで連絡して」「Slackに投稿して」「スレッドに返信して」 といった発言があれば、このスキルを使うこと。
development
Python コードの作成・レビュー時に適用する規約とベストプラクティス。 Pythonファイルの編集、Pythonプロジェクトのセットアップ、 pytest/ruff/mypyの実行時に自動で有効化される。