Magic Gradient는 월간 방문 7,148, 전월 대비 성장률 +26.6%, 무료 가격 모델을 기록합니다. Skillry는 월간 방문 535,817, 성장률 +1,762.1%, 무료+유료 가격 모델을 기록합니다.
CSS·Tailwind·SVG로 바로 복사하는 AI 그라디언트 생성기
코딩 에이전트에 진짜 디자인 감각을 부여하는 Agent Skills
| 항목 / 지표 | | |
|---|---|---|
| 공식 도메인 | magicgradient.com | skillry.dev |
| 가격 모델 | 무료 | 무료+유료 |
| 월간 방문 수 | 7.15천 (7,148) | 53.58만 (535,817) |
| 전월 대비 트래픽 변화량 | +1.5천 (+26.6%) | +50.7만 (+1,762.1%) |
| 주요 시장 및 점유율 | 🇺🇸 미국 (38%) | 🇺🇸 미국 (17%) |
| 월 직접 방문 수 | 2.86천 | 24.29만 |
| 사용자 평점 | 4.2 | 4.5 |
| 지원 플랫폼 | 웹사이트 | 웹사이트 |
CSS·Tailwind·SVG로 바로 복사하는 AI 그라디언트 생성기
테마나 분위기를 입력하면 어울리는 다중 색상 그라디언트와 각 색상의 16진수 코드가 함께 제공됩니다.
사용자 좋아요 순으로 정렬된 그라디언트를 탐색할 수 있으며, 부드러운 파스텔부터 고대비 모노크롬까지 다양합니다.
일반 CSS나 텍스트·버튼·배경용 Tailwind CSS 유틸리티 클래스로 바로 쓸 수 있는 값을 생성합니다.
속도, 방향, 색상을 조절할 수 있는 부드러운 CSS 애니메이션 그라디언트를 만듭니다.
코딩 에이전트에 진짜 디자인 감각을 부여하는 Agent Skills
모든 Skill을 Skillry 팀이 설계·작성·테스트하며, 템플릿과 스크립트는 완성된 결과물을 바탕으로 만듭니다.
웹페이지, 슬라이드, 이미지, 영상, 보고서를 아우르며 에이전트가 폭넓은 자산을 만들 수 있습니다.
Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI 등에서 Skill을 설치해 실행할 수 있습니다.
각 Skill 페이지가 실제 생성한 결과를 보여줘 추가 전에 시각적 스타일을 판단할 수 있습니다.
특화 강점Supplies landing page design inspiration and prompts, focusing more on visual website layouts than code-ready agent skills.
특화 강점Supplies landing page design inspiration and prompts, focusing more on visual website layouts than code-ready agent skills.
특화 강점UI 규칙을 적용하기 위한 디자인 스킬 팩으로 직접 설치되는 반면, Skillry는 더 넓은 탐색 라이브러리 역할을 합니다.
특화 강점UI 규칙을 적용하기 위한 디자인 스킬 팩으로 직접 설치되는 반면, Skillry는 더 넓은 탐색 라이브러리 역할을 합니다.
무료 / 오픈소스오픈소스 에이전트 SKILL.md 파일의 커뮤니티 카탈로그가 더 넓지만, 디자인 시스템 템플릿에는 덜 집중되어 있습니다.
무료 / 오픈소스오픈소스 에이전트 SKILL.md 파일의 커뮤니티 카탈로그가 더 넓지만, 디자인 시스템 템플릿에는 덜 집중되어 있습니다.
텍스트, 색상 코드, 이미지로 만드는 무료 AI 컬러 팔레트 생성기
PaletteHunt is an online personal color analysis studio that turns a single selfie into a full seasonal color report. It identifies your undertone and best-fit season, returns a 30-color palette, and then lets you preview those colors on your own photo — through AI photoshoots, virtual hair color, makeup and outfit try-ons, plus a chat-based AI stylist.
PaletteHunt is an online personal color analysis studio that turns a single selfie into a full seasonal color report. It identifies your undertone and best-fit season, returns a 30-color palette, and then lets you preview those colors on your own photo — through AI photoshoots, virtual hair color, makeup and outfit try-ons, plus a chat-based AI stylist.
무료 / 오픈소스AI 코딩 어시스턴트를 가이드하기 위한 개방형 Markdown 규칙을 제공하지만, 큐레이션된 라이브러리라기보다는 표준 형식에 가깝습니다.
프롬프트를 프로덕션 수준 UI로 바꾸는 AI 네이티브 디자인 워크스페이스
특화 강점디자인 엔지니어링 리소스, 도구, 영감을 엄선한 디렉터리
더 넓은 범위의 Cursor 플러그인과 MCP 서버를 지원하지만, Skillry처럼 에이전트 스킬 파일에 집중된 특색은 부족합니다.
더 넓은 범위의 Cursor 플러그인과 MCP 서버를 지원하지만, Skillry처럼 에이전트 스킬 파일에 집중된 특색은 부족합니다.
취향을 학습하는 AI 컬러 도구
실제 디자인 목업에서 색을 바로 확인하는 AI 색상 팔레트 생성기
