01 / 17

Week 07 · Designer Friendly AI Briefing

디자이너를 위한
데일리 브리핑 만들기

어렵게 저장하지 않아도 됩니다. Obsidian에 “할 일”, “주요 내용 요약”, “참고 자료”처럼 쉽게 적고 Claude에게 브리핑 HTML로 만들어달라고 요청합니다.

할 일주요 내용 요약참고 자료Stitch 이미지Claude 요청

오늘 목표

노트를 예쁘고 읽기 쉬운 아침 브리핑으로 바꿉니다

> 아래 노트와 이미지를 참고해서
디자이너가 아침에 보기 좋은 데일리 브리핑 HTML을 만들어줘.

중요한 것은 기술 설명이 아니라, 내가 적은 내용을 보기 좋은 화면으로 바꾸는 경험입니다.

최종 화면

원하는 느낌은 이미지로 보여주면 됩니다

Stitch로 만든 Morning Clarity 데일리 브리핑 화면

Stitch에서 만든 화면을 Claude에 넣고 “이런 느낌으로 만들어줘”라고 말합니다.

전체 순서

오늘은 간단한 순서로 갑니다

1

노트 쓰기

할 일, 요약 적기

2

화면 만들기

Stitch로 참고 이미지

3

Claude에 넣기

노트와 이미지 첨부

4

HTML 받기

브리핑 파일 확인

5

매일 쓰기

같은 방식 반복

Step 1 · Obsidian에 쉽게 저장하기

저장 항목은 세 가지면 충분합니다

노트 예시
# 오늘 브리핑

## 할 일
- 7주차 교육 페이지 확인
- Stitch 이미지 다시 보기
- Claude로 HTML 만들어보기

## 주요 내용 요약
- Obsidian 노트를 브리핑 화면으로 바꾼다.
- 없는 내용은 화면에서 뺀다.

## 참고 자료
- Morning Clarity 화면 이미지
이 정도면 됩니다
1

할 일

오늘 해야 할 일을 짧게 적기

2

주요 내용 요약

오늘 기억할 내용을 2~3줄로 적기

3

참고 자료

이미지, 링크, 메모를 적기

디자이너에게 맞는 저장 방식

정리보다 다시 보기 쉬운 기록이 중요합니다

아이디어

좋았던 표현, 화면 느낌, 떠오른 개선점

할 일

오늘 바로 해볼 디자인 작업

참고 이미지

Stitch, 캡처, 레퍼런스 이미지

Step 2 · Claude에 노트 넣기

처음 요청은 이렇게만 하면 됩니다

> 아래 Obsidian 노트를 보고
오늘 아침에 볼 데일리 브리핑을 만들어줘.

섹션은 “할 일”, “주요 내용 요약”, “참고 자료” 중심이면 돼.
내용이 없는 섹션은 빼줘.

Step 3 · Stitch로 화면 참고 만들기

디자인 설명은 이미지 한 장이 가장 쉽습니다

Stitch에 입력
> 디자이너가 아침에 볼
깔끔한 데일리 브리핑 화면을 만들어줘.
카드형이고 모바일에서 보기 좋게 해줘.
Claude에 입력
> 이 이미지 분위기로
내 노트를 브리핑 HTML로 만들어줘.

화면 참고 확인

마음에 드는 분위기면 그대로 사용합니다

Morning Clarity 데일리 브리핑 캡처

디자인을 완성하려고 하지 말고, Claude에게 보여줄 참고 이미지로 사용합니다.

Step 4 · HTML 요청

Claude에는 이 문장을 넣습니다

> 첨부한 이미지처럼 보기 좋은 카드형 화면으로,
아래 노트를 데일리 브리핑 HTML로 만들어줘.

섹션은 “할 일”, “주요 내용 요약”, “참고 자료” 중심으로 구성해줘.
노트에 없는 내용은 만들지 말고, 내용이 없는 섹션은 빼줘.

결과 확인

받은 HTML은 세 가지만 확인합니다

읽기 쉬운가?

디자이너가 아침에 빠르게 볼 수 있는가

내용이 맞는가?

내가 적은 노트와 다른 말은 없는가

빈 카드가 없는가?

내용 없는 섹션은 빠졌는가

수정 요청

마음에 안 들면 디자인 피드백처럼 말합니다

> 카드가 너무 많아.
할 일과 요약만 남겨줘.
> 더 차분하고 미니멀한 느낌으로
다시 만들어줘.

정기 브리핑 요청

마지막에는 매일 해줘라고 말합니다

> 앞으로 매일 아침 8시에
오늘의 Obsidian 노트를 바탕으로
이 형식의 데일리 브리핑 HTML을 만들어줘.

오늘은 이 요청문을 만드는 것까지 해봅니다. 실제 반복 실행은 사용하는 도구의 예약 기능을 연결하면 됩니다.

도착하는 결과

매일 받는 것은 깔끔한 HTML 하나입니다

할 일

오늘 해야 할 디자인 작업

주요 내용 요약

오늘 기억할 핵심 문장

참고 자료

이미지, 링크, 다시 볼 메모

좋은 예제

복잡한 말보다 디자이너가 쓰는 말로 요청합니다

어려움

필드, 구조, 계산 기준을 전부 정해서 설명한다.

쉬움

“할 일, 주요 내용 요약, 참고 자료 중심으로 예쁘게 정리해줘”라고 말한다.

오늘의 최종 요청문

수업에서 가져갈 문장은 이것입니다

> 첨부한 브리핑 화면 이미지를 참고해서,
아래 Obsidian 노트를 디자이너가 보기 좋은 데일리 브리핑 HTML로 만들어줘.

섹션은 “할 일”, “주요 내용 요약”, “참고 자료” 중심으로 구성해줘.
노트에 없는 내용은 만들지 말고, 내용이 없는 섹션은 빼줘.

마무리 · Q&A

AI 활용은 쉽게 말하는 것에서 시작합니다

디자이너가 매일 쓰기 좋은 방식은 어렵고 정확한 양식이 아니라, 내가 오늘 볼 내용을 쉽게 적고 원하는 느낌을 이미지로 보여주는 것입니다.

할 일

오늘 할 것을 적는다

요약

중요한 내용을 짧게 적는다

HTML

Claude에게 보기 좋게 만들어달라고 한다

Week 07 · Simple Designer Briefing · Q&A