anti-render について
anti-renderは、画像を理想と日常の対比に変換するクリエイティブスキルです。画像の分野や状態を判定し、縦横比に応じて比較画面を配置します。
主な機能
- 01画像の分野と状態の判定
- 02理想または現実的な画像の生成
- 03理想と現実の並置
- 04縦横比に応じたレイアウト選択
- 05分野別の画像プロンプト作成
活用シーン
- 01通常の写真を理想と現実の比較画像に変換
- 02マーケティング画像の日常的な別案を作成
- 03劣化した場面を理想化して描画
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ lionad-morotar/ anti-render-skill --skill anti-renderインストール後、Claude Code で/anti-renderを入力して読み込まれたか確認します。
詳細
Anti-Render 理想と現実のビジュアル比較ジェネレーター
コアコンセプト
並置(juxtaposition)の手法を用いて、あらゆる分野における「約束と実際の提供内容の大きな隔たり」という普遍的な問題を明らかにします。左側には理想化された完璧なレンダリングを、右側には日常のありのままの姿を提示します。
実行フロー
- 画像を受け取る → 内容を分析し、該当する分野を
$domainとして特定し、画像のアスペクト比を$ratioとして算出します - 状態を判断する → 現在の状態(荒廃/普通/理想)を特定します
- 意図を認識する → ユーザーの指示に基づいて出力モードを決定します
- パラメーターをマッピングする → 汎用的な5つの次元を分野固有の表現にマッピングします
- プロンプトを構築する → 分野固有の表現に基づいてプロンプトを構築します
- 画像を生成する → 目的の画像を生成します
相性の良いスキル:image-to-prompt、prompt-to-image
作業モード
1. 画像の状態認識
ユーザーが画像をアップロードした後、現在の状態を分析します。
| 状態 | 特徴 | 出力目標 |
|---|---|---|
| 荒廃 | 品質上の問題、使用の痕跡、メンテナンス不足 | 理想化されたレンダリング画像を生成(step 2.1) |
| 理想 | ユーザーがマーケティング画像や広告画像など、仕上げ済みの写真をアップロードした状態 | 軽度に荒廃したレンダリング画像を生成(step 2.2) |
| 普通/通常 | 目立った破損がなく、日常的に使用されている状態 | 理想化されたレンダリングと軽度に荒廃した状態の比較画像を生成(step 2.3) |
状態が曖昧で意図を判断できない場合は、希望する方向性をユーザーに積極的に確認します。
2. 3つの出力モード
2.1 理想化されたレンダリング(Ideal)
- 目標:該当する分野において、宣伝用レベルの完璧な表現を出力します
- 特徴:高彩度、完璧な光と影、欠点がない、構図が綿密
2.2 ありのままの姿(Reality)
- 目標:該当する分野の日常のありのままの状態(荒廃していない状態)を出力します
- 特徴:自然光(「死んだような照明」)、リアルな質感、日常的な雰囲気、加工なし
2.3 比較画像(Comparison)
- 目標:理想化されたレンダリングとありのままの姿を並置した比較画像を出力します
- 配置:元画像のアスペクト比に応じて、左右または上下の配置を自動的に選択します
分野の特定と適応
分野の検出
画像内のキーワードに基づいて照合します。
建筑领域: 建筑外观、城市景观、室内空间、建筑效果图、楼盘、住宅、商业空间
人像领域: 人像写真、Cosplay、自拍、证件照、活动拍摄、肖像
产品领域: 电商产品、商品展示、包装设计、电子产品、服饰
食物领域: 美食摄影、菜品展示、烘焙、饮品、餐厅菜单
旅游领域: 风景照、景点打卡、酒店房间、度假胜地
游戏领域: 游戏截图、游戏宣传、UI界面、角色设计
健身领域: 健身照、运动场景、瑜伽、健身房
家居领域: 室内装修、家具展示、样板间、智能家居
科技领域: 产品发布会、概念设计、VR/AR、智能汽车
コアとなる比較次元(汎用フレームワーク)
すべての分野で、以下の5つのコア比較次元を共有します。
1. 光と影(Lighting)
| 理想側 | 現実側 |
|---|---|
| 綿密に計算された完璧な照明 | 自然光/現場の実際の光 |
| ゴールデンアワーまたは柔らかな補助光 | 強い光、トップライト、または平坦な拡散光 |
| 明暗の階調が豊かで、黒つぶれ/白飛びがない | 露出の妥協、濃い影 |
| 光の方向が明確で、立体感が強い | 低コントラストで、階調に乏しい |
2. 素材(Material)
| 理想側 | 現実側 |
|---|---|
| 欠点のない完璧な表面 | 実際の使用の痕跡 |
| 彩度が高く、質感が強調されている | 色あせ、汚れ、摩耗 |
| ほこり、水跡、欠点がない | 自然な経年劣化、環境による痕跡 |
| CGのように正確な反射/屈折 | 濁り、不完全な反射 |
3. 色彩(Color)
| 理想側 | 現実側 |
|---|---|
| 高彩度で、鮮やかに目を引く | 低彩度で、やや平淡 |
| 色温度が正確で、統一感がある | 色温度のずれ、未補正のホワイトバランス |
| 後処理で細かく調整された色彩強調 | カメラ本来の色再現 |
| 広告レベルの視覚的な訴求力 | 日常的で、素朴な印象 |
4. 雰囲気(Atmosphere)
| 理想側 | 現実側 |
|---|---|
| 活気に満ち、生き生きとしている | 人気がなく、平凡、またはやや気まずい |
| 綿密に配置されたシーン要素 | 雑然とした現場環境 |
| 夢のように理想化された背景 | 現場をありのままに映し出す環境 |
| 感情豊かで、引き込まれる | ドキュメンタリー風で、冷静かつ客観的 |
5. 構図/細部(Composition)
| 理想側 | 現実側 |
|---|---|
| 完璧な遠近感と比率 | 自然なレンズの歪み |
| 欠点の除去、撮影上の不整合の修正 | 現場の細部をすべて残す |
| 綿密に配置された要素 | ランダムで不規則な実際の配置 |
| 後処理で追加されたエフェクト/光の効果 | 後処理の加わっていない元の状態 |
比較画像の技術仕様
配置ルール
比較画像を生成する場合は、元画像のアスペクト比 $ratio に応じて、新しい配置ルールを判断します。
- 元画像が横向き(幅 > 高さ):比較画像は上下に配置し、水平の分割線を使用します
- 元画像が縦向き(高さ > 幅):比較画像は左右に配置し、垂直の分割線を使用します
分割線の仕様
- 位置:画像の中央
- 幅:2-5ピクセル
- 色:純白またはごく薄いグレー
- エッジ:シャープで明瞭、ぼかしなし
内容ルール
- 比較画像の左側または上側(配置ルールに応じて):理想化されたレンダリング
- 比較画像の右側または下側(配置ルールに応じて):普通のリアリズム(デフォルト)または荒廃した状態(ユーザーが強い対比を明示的に求めた場合)
- デフォルトではタイトル文字を追加しないでください。画像をすっきりと保ち、視覚的な対比そのものに語らせます。
コメント
Markdown 対応