色を決めて、DESIGN.md にまとめ、ワイヤーと見本で確かめる。デザインの下ごしらえの道具です。
基準の色を1つ入れると、19色相×14トーンのパレットを作ります。
CSS / Tailwind / SCSS / CSV / JSONプライマリー1色から、色・文字・形・部品を組み立てて DESIGN.md に書き出します。読み込めば続きから直せます。
DESIGN.mdmd でサイトマップとワイヤーを書いて、その場でクリックできる画面にします。DESIGN.md を取り込むと、見本と部品一覧で見た目を確かめられます。
ワイヤー（JSON）表を貼ると円グラフ・ドーナツに、値と最大を入れるとゲージにします。Figma や Illustrator に貼ってそのまま直せる SVG で書き出します。ゲージの弧は線なので、太さを後から変えられます。
SVGClaude などが出した Markdown を、メール・Teams・Obsidian に貼れる形に整えます。Notion からのコピーの空行も詰められます。
プレーンテキスト / 整えた Markdown@4x の画像から、iOS（imageset）と Android（drawable 5密度の PNG / WebP）を1つの ZIP にまとめて書き出します。
URL を1つ入れると、スマホ幅と PC 幅を1回で撮ります。横幅、ページ全体か表示範囲だけか、1x / 2x を選べます。
PNG ・ 撮影はサーバー側（Cloudflare）で行います