// Design Composition Engine

DDP Next Engine

人が評価した高品質なデザイン部品を、Aicataが最適に組み立てる。
6フェーズのインテリジェントパイプラインが、
感情と共鳴するページを自動生成します。


キュレーション型
AI デザイン生成

従来のデザインツールは、ゼロからHTMLを生成するため品質が不安定でした。 DDP Nextは根本的に異なるアプローチをとります。

人間のデザイナーが作り、人間が評価したテンプレート部品を「素材」として蓄積。 AIはその素材の中から最適なものを選び、組み立て、パーソナライズする — Aicataは、いわば「キュレーター型デザインエンジン」です。

品質の下限を人間が保証し、Aicataが上限を拡張する。 このハイブリッドこそがDDP Nextの核心です。

ddp-next/pipeline.ts
// DDP Next — 6-Phase Pipeline
async function runDDPNextPipeline(input: DDPNextInput) {
  // Phase 1: Intent Analysis
  const intent = await analyzeIntent(input);

  // Phase 2: Composition
  const plan = composePagePlan(intent);

  // Phase 3: Assembly
  const assembled = assembleComposedPage(plan);

  // Phase 4: Personalization
  const personalized = await personalizeContent(assembled);

  // Phase 5: Fine-tuning
  const tuned = await fineTunePage(personalized);

  // Phase 6: Section Swap (post-deploy)
  return { page: tuned, swapSection };
}

各フェーズの詳細

6つのフェーズがシームレスに連携し、高品質なページを生成します。

1
Intent

Intent Analysis — 意図分析

ユーザーの入力(ページタイプ、業種、トーン、自然言語の指示)と Emotional DNAを解析し、最適なコンテンツ要件を導出します。 URLが指定された場合は、既存ページの構造も分析します。

コンテンツ要件の特定 AI

ページタイプ、必要セクション、トーン、ターゲットを推論し、構造化された要件として出力。

Emotional DNA 統合 Core

Brand Memoryから11次元の感情座標を抽出し、デザイン方向の基盤として注入。

URL構造分析 Optional

既存ページURLが指定された場合、セクション構成を分析しEnhanceモードに移行。

信頼度スコア QA

分析結果の信頼度を0〜1で算出。低スコア時はフォールバック戦略を自動選択。

2
Compose

Composition — セクション構成

Intent分析の結果とEmotional DNAの座標をもとに、 HQSスコア上位のセクションテンプレートから最適な組み合わせを選定。 ページの情報設計と視覚的リズムを同時に最適化します。

HQS ベース選定 Algorithm

各セクションのHumanQualityScoreを基に、品質保証された部品のみを候補に。

DNA 距離計算 Core

感情座標との距離を計算し、ブランドの本質に最も近いテンプレートを優先。

Top-N プラン生成 Multi

3パターンプレビュー用に複数の構成プランを同時生成。ユーザーの選択肢を担保。

リズム最適化 UX

セクション間の視覚的なリズム(高さ、密度、色の流れ)を自動調整。

3
Assemble

Assembly — HTML統合

選定されたセクションテンプレートのHTMLを結合し、 デザイントークン(色、フォント、間隔)を統一適用。 一貫性のある完全なページドキュメントを構築します。

テンプレートマージ Engine

個別セクションHTMLを論理的順序で結合。ヘッダー/フッター、メタ情報も自動付加。

デザイントークン統一 Style

Brand Memoryの色・フォント設定をCSS変数として全セクションに一括適用。

4
Personal

Personalization — コンテンツ個別化

テンプレートのプレースホルダーを、ブランド固有のコンテンツに置換。 Aicataが Emotional DNAのコンテキストを参照しながら、 ブランドの声で語るコピーを生成します。

AI コピー生成 AI

見出し、本文、CTAをEmotional DNAの感情コンテキストに沿って生成。

フォールバック置換 Safety

AI生成が失敗した場合、ルールベースの置換で品質を担保。残余プレースホルダーも自動クリーンアップ。

5
Tune

Fine-tuning — 微調整

生成されたページ全体を俯瞰し、細部の調整を行います。 セクション間の遷移、ホワイトスペースのバランス、 CTA配置の最適化など、「仕上げ」のフェーズです。

視覚的一貫性チェック QA

色のコントラスト、タイポグラフィの階層、余白のリズムを最終検証。

CTA最適化 Conversion

ページ全体のユーザーフローを分析し、CTA配置・文言を最適化。

6
Swap

Section Swap — セクション差し替え

デプロイ後もページは進化し続けます。 ユーザーフィードバックやHQSスコアに基づいて、 個別セクションをより良い代替と差し替える仕組みです。

スワップ候補提案 Evolution

現在のセクションより高スコアの代替候補をリアルタイムで提案。

非破壊置換 Safety

既存コンテンツを保持したまま、デザインテンプレートのみを差し替え。


3層フォールバック構造

どんな状況でもページ生成が止まらない。3つのエンジンが段階的にカバーします。

Tier 1 — Primary

DDP Next Engine

キュレーション型の最高品質生成。Emotional DNA統合、HQSベース選定、6フェーズパイプライン。

  • Emotional DNA 統合
  • HQS ベース品質保証
  • 3パターンプレビュー
  • 進化ループ対応
Tier 2 — Fallback

DDP v1 Engine

4ステージのパイプライン。Design Director、Section Artisan、Harmony Assembler、Quality Reviewer。

  • AI 駆動デザイン生成
  • 4ステージパイプライン
  • SSEリアルタイム進捗
  • Brand Memory 対応
Tier 3 — Safety Net

Legacy Streaming

最も安定したフォールバック。チャットベースのストリーミング生成で確実にページを届けます。

  • チャットベース生成
  • 最高の安定性
  • 即座のレスポンス
  • ゼロダウンタイム保証

Human Quality Score

すべてのセクションテンプレートは5つの軸で人間が評価。 この品質スコアがセクション選定とランキングの根幹を担います。

ユーザーのフィードバック(Like / Dislike / Regenerate)が リアルタイムでHQSに反映され、システム全体が継続的に進化します。

Visual Quality 4.6
Rhythm & Flow 4.3
Conversion Power 4.1
Mobile Experience 4.4
Brand Alignment 4.7

進化ループ

ユーザーのフィードバックがシステム全体を進化させる。 使えば使うほど、あなたのブランドに最適化されていきます。

🎨
ページ生成
DDP Nextが最適なページを構成
👁
ユーザー評価
Like / Dislike / Regenerate
📊
HQS更新
品質スコアをリアルタイム反映
🔄
選定改善
次回生成でより良い選択へ

技術仕様

Runtime
Next.js 15 + Vercel
Edge Functionによる低レイテンシ実行。Server-Sent Events (SSE) でリアルタイム進捗配信。
AI Model
Claude (Anthropic)
Intent分析、コンテンツ個別化、微調整に高度な言語理解を活用。
Database
PostgreSQL + Prisma
Brand Memory、Emotional DNA、HQSスコア、テンプレートメタデータを永続管理。
Platform
Shopify App
Shopify Admin API / Storefront API と完全統合。テーマ・セクションの直接操作。
Quality System
HQS 5-Axis Scoring
Visual、Rhythm、Conversion、Mobile、Brandの5軸で0〜5スケール評価。
Emotion Model
11-Dimensional DNA
Origin Story、Core Emotion、Atmosphere等11フィールドの感情座標系。

感情と共鳴するデザインを、
あなたのストアに

DDP Next Engineが、
あなたのブランドの熱をデザインに変えます。