oil-oil/beautify-github-readme
README design skill for Claude Code & Codex. 帮你把 GitHub README 做得好看又好懂。
解決する課題
多くのGitHubリポジトリは必要な情報をすべて備えていますが、提示順序が不適切であるため、訪問者がプロジェクトの価値を理解する前にインストールコマンドなどの技術的な詳細を目にしてしまうことがよくあります。本プロジェクトは、プロジェクトの価値、実証データ、利用パスが即座に明確になるよう、READMEを再設計するシステムを提供します。
仕組み
このツールはAIエージェントスキルとして動作し、リポジトリを分析してその核心的な価値と証明を特定します。検索性と保守性を維持するために、視覚層とコンテンツ層を分離しています。
- コンテンツ層 (Content Layer):読み取り順序を洗練させ、重複を排除し、内部的な専門用語を具体的な成果に置き換えます。
- 視覚層 (Visual Layer):編集可能なヒーロー画像、セクション遷移、図表にSVGを使用します。決定論的なSVGレイアウトと、AI生成された背景削除済み画像を組み合わせることで、有機的なテクスチャやキャラクターを含むハイブリッドな構成を作成できます。
- エンジニアリング層 (Engineering Layer):アセットがGitHubで安全に使用できること、画像がアクセシブルであること、コマンドがコピー可能であることを保証します。
対象ユーザー
READMEを検索不可能な長い画像に変えることなく、プロジェクトの価値提案を明確かつ専門的に見せたい開発者やオープンソースメンテナー。
ハイライト
- 2つの操作モード:コピーとビジュアルを完全に再設計する「Whole README」モードと、ヒーロー画像やバッジなどの特定の視覚要素を作成するための「Asset-only」モードを提供します。
- ハイブリッドビジュアル:SVGの精度とAI生成のラスター素材を組み合わせ、映画のようなライティングと複雑な質感を表現します。
- 階層優先アプローチ:内部的な用語やインストール手順よりも、プロジェクトの価値と証明を優先します。
- プロジェクトネイティブデザイン:汎用テンプレートを使用するのではなく、プロジェクト自体からタイポグラフィ、色、構成を導き出します。
関連
- プロジェクト
- プロジェクト
- プロジェクト
- プロジェクト
- プロジェクト