Mimic｜AI向けデザイン指示メーカー【ソースコード】

「もっとポップに」「角丸は少し強め」——文章だけではズレやすいデザインの感覚を、GUIで調整してAIが理解できる設計データへ変換するWebアプリです。

■ こんな方におすすめ

・AIでWebサイトやアプリを作ると、毎回見た目が変わってしまう

・Figmaを使うほどではないが、配色や余白を目で確認したい

・ゲームUIの「ポップさ」「柔らかさ」「密度」を具体的に伝えたい

・複数プロジェクトで同じデザインルールを再利用したい

・AIが勝手に色や角丸を追加するのを防ぎたい

■ できること

・5種類のデザインプリセット

・7色のカラーパレット調整

・角丸、余白、UI密度、フォント、影の調整

・色関係、形状言語、線幅、文字比率、奥行きの数値化

・デスクトップ／スマートフォンのリアルタイムプレビュー

・DESIGN.md、design-tokens.json、CSS Variablesの生成

・Codex向け実装プロンプトと禁止事項の生成

・日本語／英語UI・出力

・短い「Design DNA」の書き出し

■ 同梱内容

・Mimic Source v1.2

・日本語README

・JSON Schema

・更新履歴

・利用規約ひな形

■ 動作環境

・Windows 10 / 11 またはmacOS

・Node.js 22.13以降

・最新のChrome / Edge / Safari

■ ご購入前の注意

・本商品はローカル環境で動作するWebアプリのソースコードです。

・起動時にNode.jsとターミナル操作が必要です。

・AIコーディングツール本体や各サービスの利用料は含まれません。

・AIによる実装結果は、使用モデルやプロジェクトの状態によって差があります。

曖昧な“いい感じ”を、AIが守れるデザイン仕様へ。