Guinness プロダクト概要

Guinness とは

Guinness は、プロジェクトの ワイヤーフレーム・デザイン・コード を常に同期し続けるための 4D 製 AI プラットフォームです。三つを別々の成果物として扱い乖離させるのではなく、Guinness は WF / Design / Code 三角形の各辺に双方向の変換ツールを 6 つ提供し、いずれか 1 つを更新すると残り 2 つを生成・更新できるようにします。

プロダクトはシステムスライド上では GenAI-PJ と呼ばれており、「Guinness」はリポジトリ・ドキュメント・チケットで使われるプロジェクト名です。

Triangle Workflow

flowchart LR
    Design(["🎨 Design<br/>(Figma)"])
    Wireframe(["📐 Wireframe<br/>(Figma)"])
    Code(["💻 Code<br/>(jsx / html)"])

    Design ==>|"Des2Code (稼働中)"| Code
    Code ==>|"Code2Des (開発中)"| Design

    Wireframe -.->|"WF2Des"| Design
    Design -.->|"Des2WF"| Wireframe

    Wireframe -.->|"WF2Code"| Code
    Code -.->|"Code2WF"| Wireframe

実線は稼働中、破線は未着手。各辺に 2 つのツール（順方向・逆方向）を持つ:

辺	順方向	逆方向
Wireframe ↔ Design	WF2Des	Des2WF
Design ↔ Code	Des2Code	Code2Des
Wireframe ↔ Code	WF2Code	Code2WF

なぜ必要か

作業順序が固定できない。Wireframe より先に Design が完成することもあれば、Design より先に Code が完成することもある。納品前に「抜けを埋める」（不足した Wireframe や Design を生成する）作業が頻発する。
サイトリニューアルや競合リサーチ。既存サイトから始めるため、稼働中の Code を Wireframe や Design に逆変換する必要がある。
デザインレビューで漏れが見つかる。Code が完成していても、レビューで不足が判明することが多い。全体を作り直すのではなく Design だけを素早く追加・更新したい。

ツール一覧と現在の状況

ツール	方向	状況	主担当
Des2Code	Design → Code	稼働中（更新中）	4D + NDVN
Code2Des	Code → Design	開発中	4D
WF2Des	Wireframe → Design	未着手	NDVN
WF2Code	Wireframe → Code	未着手	TBD
Des2WF	Design → Wireframe	未着手	TBD
Code2WF	Code → Wireframe	未着手	TBD

アーキテクチャ戦略

Thin Client Model — クライアントツールは理想的には I/O のみを担当する。UI（ui-admin, ui-user）自身は変換ロジックを持たない。
API-First Logic — 変換とオーケストレーションは API の裏側にある。ロジックが API 側に集約されているため、同じ機能を Web・アプリ・AI エージェント向け MCP サーバー・将来の SDK / CLI など多様なサーフェスに提供できる。

Guinness のランタイムは以下のアプリで構成される:

api-admin — オペレーター向けバックエンド（PostgreSQL + Cognito 管理者プール）
api-user — エンドユーザー向けバックエンド（PostgreSQL + Cognito アプリプール。現在 Des2Code をホスト）
mcp-v2 — MCP サーバー。AI エージェントに変換ツールを公開する
ui-admin — 4D スタッフ用のバックオフィス（Next.js）
ui-user — エンドユーザー向け Web クライアント（将来）

チーム

4D (Fourdigit) — プロダクト、バックエンド API、インフラ、管理者 UI
NDVN (NTT Data Vietnam) — AI 変換エンジン（WF2Des、Des2Code の AI バックエンド）
Plabs — 特定機能での共同パートナー