LayerPrism
워크플로우

부동산 웹사이트 템플릿

03
매물 목록

매물 목록 정리하기

프로젝트 폴더를 열고 에이전트에게 모든 매물 카드를 찾아달라고 요청하세요.

01

폴더 열기

LayerPrism을 실행하고 프로젝트 디렉토리를 선택하세요.

02

파일 목록 보기

에이전트가 디렉토리를 나열하여 매물 파일을 찾습니다.

03

마크업 읽기

에이전트는 구조와 내용을 확인하기 위해 HTML을 읽습니다.

04

이미지 확인

에이전트는 마크업을 읽고 alt 텍스트가 누락된 이미지 목록을 표시합니다.

CSS 디자인 토큰

theme.css
:root {
  --color-primary: #2c3e50;
  --color-bg: #ffffff;
  --color-text: #333333;
  --spacing-md: 16px;
  --radius: 4px;
}
body {
  background: var(--color-bg);
  color: var(--color-text);
  padding: var(--spacing-md);
  border-radius: var(--radius);
}

이 CSS 파일은 :root에서 디자인 토큰을 사용자 속성으로 선언하고 body 규칙에서 이를 사용하여 일관된 스타일을 유지합니다. 이는 관리자 템플릿이 html과 css만으로 구조를 단순하게 유지하는 방식과 유사합니다.

레스토랑 웹사이트 템플릿

메뉴 확인

에이전트가 메뉴 파일을 읽고 모든 항목을 나열합니다. 따라서 결측 가격이나 소유자로부터 제공해야 하는 알레르기 정보가 있는지 확인합니다. 변경 내용 검토가 이어집니다. Ask first 모드에서 수정 사항을 적용하기 전에 제안된 변경 사항을 검토하세요. 이를 통해 레스토랑 웹사이트 템플릿이 데이터와 일관되게 유지됩니다. 도구는 유연한 개발 워크플로우를 위해 로컬 Windows 환경을 지원합니다. 파일은 채팅 작업 폴더 내에서 read, write, edit 명령으로 관리됩니다. 모든 작업은 실제 결과를 담은 카드로 표시됩니다. 많은 사용자가 이력서에 적합하게 포트폴리오를 공유하는 방법을 묻습니다.

레이아웃 수정

에이전트는 HTML 구조를 읽고 제목 순서 문제를 확인하며, 접근성과 가독성을 위한 수정 사항을 제안합니다. LayerPrism이 실행됩니다. 채팅 창에서 제안된 변경 사항을 명확한 diff로 확인합니다. 수정 사항을 승인하여 디자인을 업데이트하세요. 도구는 생성 및 편집된 파일 목록을 표시합니다. 부동산 웹사이트 템플릿은 이러한 정확한 구조 검토의 혜택을 받습니다. 모든 작업은 실제 결과를 담은 카드로 채팅에 표시됩니다. 많은 사용자가 새로운 템플릿 디자인에 대한 saas 웹사이트 피드백을 요청합니다.

Windows용 LayerPrism

지금 빌드 시작하기

LayerPrism 다운로드 ↗