elayadesign/ai-design-skills
AI 코딩 도구용 디자인 스킬 모음
원제 elayadesign/ai-design-skills
스타 12,438당일 +1,187
Key Point
마크다운 규칙 파일로 쓰인 디자인 스킬을 AI 코딩 도구에 바로 로드하는 방식으로, 개발자 관점의 설계 자동화 방법을 제시한다.
핵심 요약
- Claude Code, Cursor, Codex, Windsurf 등 AI 코딩 도구를 위한 설계 스킬들을 모아둔 오픈소스 저장소다.
- 각 스킬은 마크다운 규칙 파일로 작성되어 있으며, 자체 폴더에 포함되어 필요한 것만 설치해 쓸 수 있다.
- 현재 랜딩페이지 디자인 스킬이 포함되어 있으며, 이는 질문 수집부터 페이지 구조, 전환 카피, 타입·간격·라디우스·모션 등 완전한 비주얼 시스템까지 만든다.
- Claude Code는 마크다운 파일을 자체 프롬프트로 읽고, Cursor는 설정의 AI 규칙에 붙여넣으며, Codex·Windsurf·Cline 등 다른 도구들은 각각의 규칙 파일 위치로 복사한다.
- Claude.ai에서는 스킬 파일을 프로젝트에 업로드하거나 채팅에 첨부해 '이것을 따라'라고 지시하면 된다.
- 각 스킬의 폰트·색상·간격·모션 같은 디자인 값들은 파일 하단에 한곳에 모여 있으며, 저장소를 포크해 이 섹션만 수정하면 나머지는 자동으로 적용된다.
- 랜딩페이지 디자인 스킬은 Leon Lin의 taste-skill에서 콘텐츠 현실성과 모션 개념을 차용했으며, MIT 라이선스로 제공된다.
- MIT 라이선스이므로 누구나 사용·포크·배포·판매하되 저작권 표시는 필수가 아니다.
저장소 보기 ↗github.com