@kwon-yonhan

구글의 디자인 도구 'Stitch'에서 처음 도입한 DESIGN.md라는 개념이 화제입니다.

기존 개발자들이 소스 코드의 설명을 README.md에 적었듯, 이 파일에는 색상, 폰트, 여백, 그림자, 디자인 원칙 등 해당 프로젝트의 시각적 정체성을 마크다운 형식으로 적어둡니다.

이를 활용한 awesome-design-md라는 깃허브 저장소가 순식간에 인기를 끌고 있는데요. 이 저장소에는 애플, 스포티파이, 노션, 에어비앤비 등 유명 서비스들의 디자인 가이드라인이 DESIGN.md 파일로 정리되어 있습니다.

원하는 서비스의 디자인 파일을 복사해 내 프로젝트 폴더에 넣고, AI 코딩 에이전트에게 "이 느낌으로 페이지를 만들어줘"라고 지시하기만 하면 됩니다.

그동안 AI가 만들어주는 UI 디자인은 엉성하고 일관성이 없었지만, 이제는 텍스트 파일 하나로 전문적인 디자인 시스템을 완벽하게 이식할 수 있게 되었습니다.

깃허브 :
https://github.com/VoltAgent/awesome-design-md

[요즘 카드뉴스, 릴스 나오는거 아시죠?]
카드뉴스가 릴스에 나온다길래
1만 팔로워 이상 50개 계정
카드뉴스 썸네일 레이아웃 패턴을 분석해보니

5개 정도면 압축되는 것 같습니다.

스레드와 감도는 다르지만
카드뉴스도 텍스트의 영역이라고 생각해서
카드뉴스를 시작해볼까합니다.

활용법은 댓글에서

1. 배경에 이미지 넣게

2)텍스트 밑에 그라데이션 넣어서 가독성 올리기

솔직히 카드뉴스 만들기 너무 귀찮았어요.

주제 조사하고, 카피 쓰고, 디자인 다듬고…
하나 만드는 데 반나절은 걸렸거든요.

그래서 직접 자동화 시스템을 만들었어요.
클로드 코드 팀에이전트로요.

주제만 한 줄 입력하면
AI 에이전트들이 리서치부터 PNG 출력까지
전부 알아서 해줘요.

심지어 후킹이 약하면 자동으로 다시 써요.

만드는 방법, 카드뉴스로 정리했어요.
궁금하면 저장해두세요 📌

고퀄 스레드 글 자산화 방법

스레드 하다보면 지식화 + Claude Code에
입히고 싶은 게시글들이 많이 보임

그러려면 md 파일로 뽑아서 옵시디언에 넣어놔야 하는데
깔끔하게 해주는 도구가 없었음

옵시디언 웹 클리퍼 써봤는데 게시글만 깔끔하게 못 가져와서
직접 크롬 확장프로그램 만들었음

이름은 Threads to Markdown

게시글 페이지에서 확장프로그램 클릭하면
스레드 글만 딱 깔끔하게 뽑아줌