Skip to content

compose-ad-creative: レイアウト微調整ノブ(ベール stop / コピー列)の config 公開 #21

@dim0627

Description

@dim0627

概要

claude/skills/compose-ad-creative/scripts/compose.mjs は、ベールの gradient stop(角度・停止位置・濃度)と、コピー列の位置・幅(left:96px / top:132px / width:840px)がハードコード。案件ごとの微調整に compose.mjs の fork(ローカルコピー編集)が必要になっている。これらを config の任意ノブとして公開できれば、小調整で fork 不要になる。

現状の方針(重要・先回りしない)

このスキルは「汎用エンジンではなく minimal/left レイアウトの参考実装(叩き台)」で、SKILL.md:107「2 つ目のレイアウトが実際に必要になった時点で共通化する(先回り汎用化しない)」 と明記している。本件はその方針に沿った deferred 項目で、2 レイアウト目の案件が実際に出た時点で着手する。

bgSize ノブは「背景とキャンバスが同比率の cover だと bgPos が効かない」という明確な必要性があったため先行実装済み(別対応)。

着手時にやること

  • ベール gradient の stop(角度・各停止位置・濃度)を config ノブ化
  • コピー列の left / top / width を config ノブ化
  • 全ノブ化はしない。明確な必要性が出た分だけ公開する

該当

  • compose.mjs.stage::before(ベール linear-gradient)
  • compose.mjs.copyleft:96px; top:132px; width:840px

備考

由来は compose-ad-creative の改修バックログ(IMPROVEMENTS.md)の項目 #7#1(color-mix 化)/#3/#4(bgSize)/#5/#6 は対応済み。

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions