design
정보
디자인 스킬은 UI 디자인, 디자인 시스템 또는 컴포넌트 아키텍처 논의 시 자동으로 활성화됩니다. 디자인 원칙, 접근성 표준, 컴포넌트 기반 아키텍처에 대한 전문적인 지침을 제공합니다. 일관된 디자인 토큰 구현, 접근성 우선 접근 방식, 확장 가능한 컴포넌트 패턴 적용 시 활용하십시오.
빠른 설치
Claude Code
추천npx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/designClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
GitHub 저장소
연관 스킬
canva
디자인이 스킬은 Claude가 Canva에서 그래픽, 프레젠테이션, 마케팅 자료를 포함한 시각적 디자인을 생성하고 편집할 수 있게 합니다. 다양한 콘텐츠 유형에 대해 템플릿 기반 및 맞춤형 디자인 워크플로우를 모두 지원합니다. 개발자는 빠른 설치를 통해 통합하고, 환경 변수 또는 수동 브라우저 로그인을 통해 인증을 구성할 수 있습니다.
pexels
디자인Pexels 스킬은 개발자들이 창의적인 프로젝트를 위해 로열티 프리 스톡 사진과 동영상을 프로그래밍 방식으로 검색, 다운로드 및 관리할 수 있게 합니다. 이 스킬은 Pexels 라이브러리에 대한 직접 API 접근을 제공하여, 출처 표기 요구 없이 고품질 시각 콘텐츠를 통합할 수 있도록 합니다. 애플리케이션에서 무료 스톡 미디어 자산을 조달하거나 관리해야 할 때 이 스킬을 사용하세요.
adobe-illustrator-web
디자인이 스킬은 Claude가 Adobe Illustrator 웹 버전을 사용하여 벡터 그래픽을 생성하고 편집할 수 있게 합니다. 로고, 아이콘, 일러스트레이션을 Claude를 통해 직접 제작할 수 있는 AI 기반 디자인 도구에 접근할 수 있도록 합니다. 개발자는 워크플로우 내에서 프로그래밍 방식으로 벡터 그래픽을 생성하거나 수정해야 할 때 이 기능을 활용할 수 있습니다.
framer
디자인이 스킬은 Claude가 Framer에서 직접 웹사이트를 디자인하고 게시할 수 있게 해주며, 인터랙티브 페이지 생성 및 프로젝트 관리 기능을 포함합니다. 사이트 설정 구성 및 게시와 같은 작업을 처리하여 신속한 웹 프로토타이핑이 필요한 개발자에게 유용합니다. 설정을 위해서는 개인정보 보호를 위해 수동으로 제공하거나 브라우저 로그인을 통해 입력할 수 있는 Framer 자격 증명이 필요합니다.