딸깍코드 ddalkkak code
Esc

유명 서비스 디자인 규칙, DESIGN.md 한 파일로

운영자

유명 서비스 사이트의 색·글꼴·간격·버튼 규칙을 DESIGN.md 한 파일로 정리해 둔 모음입니다. 프로젝트에 넣어 두면 Claude가 정해진 스타일을 따릅니다.

awesome-design-md 설치를 부탁해.

원본: https://github.com/VoltAgent/awesome-design-md
설명: https://ddalkkak.ssemgong.com/p/awesome-design-md/raw

설치 명령:
```
curl -o DESIGN.md https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/linear.app/DESIGN.md
```

순서
1. 원본 저장소의 README를 먼저 읽고, 위 명령이 지금도 맞는지 확인해.
2. 위 명령을 터미널에서 실행해. 내 운영체제에 맞지 않으면 README에 있는 방법으로 바꿔서 해.
3. 끝나면 설치됐는지 확인하는 명령(버전 확인 등)을 실행해 결과를 알려 줘.
4. API 키·로그인·유료 결제가 필요하면 멈추고 나에게 물어봐. 키를 만들거나 추측하지 마.

Claude Code·Codex 같은 AI 코딩 도구에 그대로 붙여 넣으면 원본을 확인하고 설치까지 해 줍니다.

이런 걸 해요

  • 실제 웹사이트 디자인 시스템 분석본
  • 원하는 사이트 폴더의 DESIGN.md만 내려받아 사용
  • 미리보기 사이트 getdesign.md
종류
오픈소스
분류
디자인
만든 곳
VoltAgent
라이선스
MIT
참고한 글
게으른 빌더 · 클로드한테 디자인 시키기 전에 깔아야 하는 5개 — 직접 써 보고 다시 정리했어요