에이전트가 만드는 포트폴리오 웹사이트 템플릿

핵심 기능

• 파일작업 폴더에서 파일을 읽고, 쓰고, 편집하고, 삭제하고 검색합니다.
• Shell린터 등 터미널 명령을 실행하고 실제 종료 코드를 표시합니다.
• 웹http_get을 사용해 웹 검색 또는 단일 페이지 데이터를 가져옵니다.
• 스크린샷 및 이미지이미지 파일을 생성하거나 스크린샷에서 텍스트를 추출합니다.
• 오케스트레이션병렬 작업을 위한 작업과 재사용 가능한 플레이북을 위한 스킬을 활용합니다.
• 승인 모드사용자의 통제를 위해 Auto-run, Ask first 또는 Plan only를 선택할 수 있습니다.
• Cron프로젝트의 일관성을 유지하기 위해 예약된 프롬프트를 실행합니다.
• 모델클라우드 제공업체, 로컬 모델 또는 내장 옵션을 사용합니다.

자주 하는 작업

포트폴리오 개선하기

에이전트는 list_dir과 read_file을 사용해 HTML 구조를 파악하고, 검토할 주요 레이아웃을 식별하며 CSS에서 미디어 쿼리 누락을 확인합니다. 여기서 시작하세요. 에이전트는 반복되는 색상 값을 루트 선택자에 선언된 디자인 토큰으로 이동하도록 제안합니다. Ask first 모드에서 변경 사항을 적용하기 전에 diff를 검토하세요. 웹 개발자는 일관된 스타일을 유지하는 데 도움이 되는 현대식 웹사이트용 도구를 사용합니다. 이 접근 방식은 포트폴리오 웹사이트 템플릿을 일관되게 유지하고 향후 업데이트를 쉽게 관리할 수 있게 합니다. 인터페이스는 에이전트가 수행한 모든 작업에 대해 실제 결과가 포함된 카드를 표시합니다. 개인 웹사이트 템플릿은 이러한 깔끔한 토큰 기반 구조의 혜택을 받아 모든 페이지에서 일관성을 보장합니다.

개인 사이트 스타일링

에이전트는 간격과 대비를 수정하기 위해 사이트 레이아웃을 편집하며, Ask first 모드에서 변경 사항을 수락하기 전에 diff를 검토합니다. 로컬에서 작동합니다. 도구는 폴더에서 마크업 파일을 직접 읽습니다. 디자인을 업데이트하기 위해 필요한 CSS 규칙을 작성합니다. UI 개발 레이아웃 시작을 위한 멘탈 모델은 구조를 명확하게 유지하는 데 도움이 됩니다. 에이전트는 구문 검증을 위해 자체 확인 명령을 실행합니다. Plan only로 전환하여 단계를 먼저 검토할 수 있습니다. 웹사이트는 일관된 외관을 위해 디자인 철학과 조화로움이 필요합니다.