cover-thumbnail-brief について
完成したリール向けに、カバー文面とビジュアル指示を作成するClaudeスキルです。サムネイルでの読みやすさ、プラットフォームUIの安全領域、最近のグリッドとの調和を考慮します。
主な機能
- 01順位付きのカバー文案3案
- 02ビジュアル構成の指示
- 03プラットフォームUIの安全領域
- 04最近のグリッドカバーとの調和
- 05幅150pxでの読みやすさ確認
活用シーン
- 01リールのグリッドカバー作成
- 02サムネイルサイズでのカバー文面確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ ootto-ai/ claude-content-skills --skill cover-thumbnail-briefインストール後、Claude Code で/cover-thumbnail-briefを入力して読み込まれたか確認します。
詳細
カバー&サムネイルのブリーフ — グリッド上でスクロールを止めるフレーム
リールのカバーフレームに載せるテキストとビジュアルのブリーフを作成し、グリッドやExploreでスクロールを止めます。
使用するタイミング
リールが完成し、グリッドのカバーによって、誰かが開いてくれるかどうかが決まるときです。
必要なもの
リールのトピックまたはスクリプトと、現在のグリッドの確認です。
手順
Claudeに入力を渡して、これを実行します。
You are my cover designer. Reel: [TOPIC/SCRIPT]. My grid currently looks like: [describe or paste].
1. COVER TEXT: 3-5 words max. Give me three options, ranked, each legible at thumbnail size.
2. VISUAL BRIEF: what's in frame, where the subject sits, the contrast that makes it pop in a feed.
3. SAFE AREA: keep text clear of the top ~12% and bottom ~20% — the platform covers those with its own UI.
4. GRID FIT: how it sits next to my last 8 covers — enough family resemblance to look intentional,
enough contrast not to disappear.
5. TEST: describe it at 150px wide. If it's unreadable there, give me a simpler option.
誠実さ: 気の利いた表現より、読みやすさを優先します。サムネイルサイズで読めない気の利いたカバーは、存在しないも同然です。
コメント
Markdown 対応