AI 웹사이트 아키텍트 스튜디오 - 범용 모듈형 AI 에이전시 플랫폼

에이전시 종합 대시보드

전 업종 타겟 AI 모듈형 웹사이트 제작 및 프로젝트 관리 현황입니다.

누적 제작 홈페이지

248건

전 업종 에이전시 가동 중

가동 중인 16-BLOCK 파이프라인

4건

B2B, 의료, IT, 서비스 빌드 중

QA 자동검수 성공률

99.4%

BLOCK 13 패치 엔진 작동

단일 코드 평균 생성 시간

6.8초

반응형 웹 풀 패키지

16-BLOCK AI 오케스트레이션 파이프라인 v3.0 Dynamic

업종 분석부터 검수 수리까지 각 모듈이 독립적으로 연결되어 실행됩니다.

모듈 간 독립 재조합 아키텍처

최근 에이전시 프로젝트 실적

프로젝트 / 클라이언트명	선택 업종	핵심 목적	파이프라인 상태	QA 점수	작업

16-BLOCK AI 사이트 제작 오케스트레이터

업체 정보를 입력하거나 업종 프리셋을 선택하여 맞춤형 사이트를 자동 생성합니다.

BLOCK 01 — 프로젝트 정보 설정

업종별 자동 프리셋

클라이언트 업체명

업종 선택 (전 업종 지원)

홈페이지 핵심 전환 목적

주요 제공 서비스 / 제품군

대표 연락처

선호 컬러 팔레트

실시간 실행 모니터링 준비 완료 (IDLE)

16-BLOCK AI 엔진 콘솔 출력

STANDBY

// AI 홈페이지 웹 에이전시 시스템이 초기화되었습니다.

// 왼쪽 정보 양식을 확인 후 [AI 엔진 전체 파이프라인 가동]을 클릭하세요.

최종 결과물이 아직 생성되지 않았습니다.

BLOCK 15 완료 후 생성된 반응형 홈페이지가 이곳에 표시됩니다.

실시간 완성 사이트 프리뷰

업종별 모듈 조합 결과와 데스크톱/모바일 반응형 렌더링을 확인합니다.

BLOCK 06 — UI 컴포넌트 블록 라이브러리

전 업종에 다양하게 적용 및 재조합 가능한 독립적 UI 블록 모듈 모음입니다.

BLOCK 12~13 — 품질검수 및 AI 복구 센터

완성된 홈페이지의 레이아웃, 오탈자, CTA 연결, 모바일 오버플로우 상태를 정밀 검수합니다.

자동 품질검수 리포트

메뉴 무결성 & 페이지 링크 통과 (PASS)

디자인 시스템 폰트/컬러 일관성 통과 (PASS)

추상적 문구 지양 검수 (콘텐츠) 통과 (PASS)

모바일 가로 스크롤 & 터치 패딩 수리 완료 (REPAIRED)

BLOCK 13 자동 복구(Auto-Repair) 이력

[이슈 #QA-301] 모바일 화면 CTA 버튼 클릭영역 확장 복구 완료

원인: 모바일 터치 가이드라인 미달 (38px -> 48px 미만)

수정 내역: 모바일 기기별 패딩 p-3.5 동적 적용 완료.

PROMPT WORKSPACE

AI 프롬프트 입력

BLOCK 선택값에 연결된 프리셋 프롬프트를 자동 조합하고, 필요한 지시를 직접 추가할 수 있습니다.

작업 BLOCK

BLOCK 선택 항목

MAIN PROMPT

BLOCK 00 — AI 전문가 페르소나

자동 저장0자

ADDITIONAL PROMPTS

추가 프롬프트

빈 입력칸은 최종 조합에서 자동 제외됩니다.

추가 프롬프트 직접 입력 가능 · Gemini API는 연결 단계에서 활성화

FINAL PROMPT PREVIEW

AI 전달 프롬프트 미리보기

입력된 프롬프트가 여기에 조합됩니다.

AI CONNECTION SETTINGS

AI API 설정

사용할 AI의 API 키를 입력해 두는 연결 준비 화면입니다. 현재 버전에서는 입력·저장 공간만 제공하며 실제 API 호출은 다음 연결 단계에서 활성화합니다.

PRIMARY

Google Gemini API

OpenAI API

복잡한 추론·코딩·도구 연동과 멀티모달 작업에 강점. 전체 제작 오케스트레이션, 코드 생성·검토, 구조화된 결과 생성에 활용하기 좋습니다.

API KEY 모델

OPTIONAL

Anthropic Claude API

긴 문맥 처리, 명확한 지시 수행, 문서·콘텐츠 작성과 장시간 코딩 작업에 강점. 사이트 기획서·카피·코드 검토 및 수정에 활용하기 좋습니다.

API KEY 모델

OPTIONAL

xAI Grok API

추론·코딩·도구 호출에 강점. 필요할 경우 웹/X 검색 도구와 결합해 최신 정보가 필요한 조사·검증 작업에도 활용할 수 있습니다.

API KEY 모델

이미지 생성 AI

홈페이지용 히어로·상품·공간·콘셉트 이미지를 생성할 때 사용할 별도 이미지 모델 연결 공간입니다.

IMAGE · RECOMMENDED

Gemini Nano Banana

이미지 생성과 편집을 함께 처리하기 좋고, 레퍼런스 이미지를 활용한 수정·변형과 웹용 비주얼 제작에 적합합니다. Gemini API 키를 공용으로 사용할 수 있습니다.

모델

IMAGE · OPTIONAL

OpenAI Image

프롬프트 지시를 따라 마케팅 비주얼, 배너, 제품 콘셉트 등 다양한 이미지를 생성·편집하는 용도로 연결할 수 있습니다. OpenAI API 키를 공용으로 사용합니다.

이미지 모델

IMAGE · OPTIONAL

FLUX (Black Forest Labs)

전용 이미지 생성 모델을 별도로 선택하고 싶을 때 사용할 연결 공간입니다. 홈페이지용 실사·광고·콘셉트 이미지 생성 후보로 두고 이후 API를 연결합니다.

API KEY 모델

설정 저장 상태

이 브라우저에 자동 저장