에이전트 스킬 허브

소개

에이전트 스킬이란?

에이전트 스킬은 AI 에이전트가 특정 작업을 더 잘 수행하도록 지침, 스크립트, 참고 자료를 하나의 폴더(SKILL.md)로 묶은 것입니다. 클로드(Claude), 챗지피티(ChatGPT/Codex), 커서(Cursor), 제미나이(Gemini CLI), 깃허브 코파일럿(GitHub Copilot) 등 여러 에이전트가 같은 형식을 지원합니다.

이 사이트는

흩어져 있는 스킬을 찾아 정리하고, 어떤 에이전트에서 쓸 수 있는지와 설치 방법을 한눈에 볼 수 있게 소개합니다. 각 스킬의 저작권은 원작자에게 있으며, 원본 링크를 함께 제공합니다.

English

카테고리: 디자인

프런트엔드 디자인

흔한 AI 스타일을 피하고 완성도 높은 웹 UI를 만들도록 디자인 원칙을 알려주는 스킬입니다.

사용 가능한 에이전트

할 수 있는 일

  • 타이포그래피, 여백, 색상 체계 가이드
  • 컴포넌트 단위 UI 구현
  • 반응형과 접근성 체크

이런 때 쓰세요

랜딩 페이지, 대시보드, 마케팅 사이트를 에이전트와 함께 만들 때 결과물의 품질을 끌어올립니다.

설치 방법

  1. 스킬 폴더를 내려받습니다.
  2. 프로젝트의 .cursor/skills/ 또는 ~/.claude/skills/에 복사합니다.
  3. "이 서비스 랜딩 페이지를 만들어줘"처럼 요청합니다.
원본 보기 ↗

관련 스킬