[블로그] 블로그 꾸미기 with AI

기존 블로그 모습
해당 블로그의 모습에서 카테고리 섹션에 각각 대표 이미지를 추가하려한다.
본인은 프론트엔드 쪽은 잘 하지 못하므로 AI의 도움을 받았다.

Back Ground

• 다음과 같이 간단하게 지침을 만들어 주었다.
• 작업 과정에서 6천줄이 넘는 티스토리의 html, Css를 읽고 파싱하면 다음과 같은 문제가 있다.
  • 작업이 길어지면 처리속도가 10분이 넘어간다.
  • 파싱하는데에도 많은 시간이 소요
  • 이는 웹에서와 마찬가지로 전체적인 문맥을 파악하려는 AI특성으로 인해 점점 느려진다.
• 따라서 이전에 Skills를 통해 html과 css작업에 대해 다음 2개의 서브에이전트 호출을 명시했다.
  • 업무 내용 파악 및 정리 Agent
  • 작업용 Agent

✦ 현재 skills/ 디렉토리에 정의되어 있는 서브 에이전트(Skill)는 다음과 같습니다. 

   1. tech-blog-analyzer: 기술 블로그 분석을 담당하는 에이전트입니다.
   2. tech-blog-executor: 기술 블로그 관련 작업을 실행하는 에이전트입니다. 

setting

## 블로그 수정작업

### Task
- tistory.html
- style.css
- 해당 두 파일에 대해 수정 작업을 수행할 예정

### 지침
- 두파일중 하나만 수정하면 동작을 안하는 경우가 있음
- html, css작업은 skills를 참고해 서브에이전트를 활용할 것

### Ref
- skills
- image src

work

• 세팅이 끝나면 간단하게 명령을 한다.

Result