AI가 웹사이트를 만들고, 그 과정을 설명하는 웹사이트
개발자가 웹사이트 구축 과정을 설명하는 웹사이트를 제작, AI 파이프라인(AI Pipeline)을 통해 매일 새로운 기능을 추가
5단계 AI 파이프라인은 기능 추가, 테스트, 리뷰, 배포 과정을 자동화하며, 3개의 AI 모델(Claude, GPT, Gemini)이 의사 결정에 참여
웹사이트는 CloudFormation, S3, CloudFront, API Gateway, Lambda, DynamoDB 등 AWS 인프라를 사용하며, Playwright 테스트 스위트(Playwright Test Suite)로 기능 검증
피드백 폼(Feedback Form)을 통해 커뮤니티가 기능 개발 방향에 참여할 수 있으며, AI는 기술적 신호와 함께 피드백을 고려
웹사이트는 HTML/CSS/JS로 구성되어 AI가 쉽게 수정할 수 있으며, Bluesky 및 Dev.to에 자동 게시
AI 파이프라인(AI Pipeline) 아키텍처
본문에 따르면 웹사이트는 5단계 AI 파이프라인을 통해 매일 새로운 기능을 추가한다.
Explore 단계: 기능 후보군 생성
Spec 단계: 기능 명세 작성
Implementation 단계: 기능 구현
Validation 단계: 테스트 수행
Review 단계: 코드 검토 및 배포
3개의 LLM(Claude, GPT, Gemini)이 각 단계에서 의사 결정에 참여하며, Commands.com을 사용하여 파이프라인을 관리한다. 이 아키텍처는 자율적인 웹사이트 개발(Autonomous Website Development)**을 목표로 하며, 개발 프로세스 자동화에 대한 새로운 시각을 제시한다.
AWS 인프라 구성 및 비용
웹사이트는 CloudFormation 스택(CloudFormation Stack)을 사용하여 배포되며, S3, CloudFront, API Gateway, Lambda, DynamoDB 등 다양한 AWS 서비스를 활용한다.
S3: 정적 웹사이트 호스팅
CloudFront: CDN을 통한 콘텐츠 전송 속도 향상
API Gateway: 피드백 폼(Feedback Form) API
Lambda: AI 파이프라인 실행
DynamoDB: 피드백 데이터 저장
이러한 인프라 구성은 확장성(Scalability)과 안정성(Reliability)을 보장하지만, 웹사이트의 단순함을 고려할 때 과도한 측면이 있다. 비용 최적화(Cost Optimization)를 위해 다른 방안을 고려해 볼 수 있다.
Playwright를 활용한 테스트 전략
웹사이트는 Playwright 테스트 스위트(Playwright Test Suite)를 사용하여 기능 검증을 수행한다.
Playwright: 다양한 브라우저(Browser)에서 동작하는 E2E(End-to-End) 테스트를 지원
테스트 자동화: AI 파이프라인에 통합되어 매일 자동으로 테스트 실행
테스트 커버리지(Test Coverage): 기능 변경 시 테스트를 통해 안정성 확보
Playwright는 웹 애플리케이션의 UI 테스트(UI Test) 자동화**에 유용하며, AI가 생성한 기능의 품질을 보장하는 데 기여한다.
AI 모델(AI Model)을 활용한 의사 결정
3개의 AI 모델(Claude, GPT, Gemini)은 웹사이트 기능 추가에 대한 의사 결정 과정에 참여한다.
AI 판단 기준: '복합적 가치(Compounding Value)'와 '아티팩트 명확성(Artifact Clarity)'을 기준으로 기능 평가
AI 역할: 기능 제안, 명세 작성, 코드 검토, 테스트 수행
피드백 반영: 커뮤니티 피드백을 AI 판단에 반영
이러한 AI 기반 의사 결정 방식은 개발 프로세스 자동화(Development Process Automation)와 커뮤니티 참여(Community Participation)를 결합한 혁신적인 시도이다.
HTML/CSS/JS 기반 웹사이트의 장점
웹사이트는 HTML/CSS/JS로 구성되어 있으며, 별도의 빌드 과정이나 프레임워크를 사용하지 않는다.
단순성: AI가 쉽게 코드를 수정하고 기능을 추가할 수 있도록 설계
유지보수 용이성: 복잡한 의존성(Dependency) 관리 불필요
빠른 개발 속도: 빌드 시간(Build Time) 단축
이러한 단순성은 AI 기반 개발(AI-Driven Development) 환경에 적합하며, 유연성(Flexibility)과 확장성(Scalability)을 확보하는 데 기여한다.
