「もっとポップに」「角丸は少し強め」——文章だけではズレやすいデザインの感覚を、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が守れるデザイン仕様へ。