elite-design-core
✓엘리트 웹 디자인의 진입점. 디자인 철학, 비주얼 시스템, 디자인-코드 프로세스를 다룹니다. 프리미엄 웹 사이트 디자인, 수상 경력에 빛나는 미학, 디자인 시스템, 시각적 계층 구조, 간격, 타이포그래피, 색상 이론 또는 "전문적으로 보이게 만드는 방법"에 대해 질문할 때 사용하세요. 이 기술은 다른 모든 엘리트 웹 디자인 기술을 알려주는 기초적인 사고를 제공합니다. 새로운 프로젝트나 디자인 방향을 수립할 때 여기에서 시작하세요.
SKILL.md
| Visual hierarchy | visual-hierarchy.md | | Spacing systems | spacing-systems.md | | Typography | typography.md | | Color theory | color-theory.md |
Restraint Over Excess Every element earns its place. Remove until it breaks, then add back one thing.
Intentional Motion Animations guide attention and communicate state - never decoration. Each animation answers: "What does this help the user understand?"
엘리트 웹 디자인의 진입점. 디자인 철학, 비주얼 시스템, 디자인-코드 프로세스를 다룹니다. 프리미엄 웹 사이트 디자인, 수상 경력에 빛나는 미학, 디자인 시스템, 시각적 계층 구조, 간격, 타이포그래피, 색상 이론 또는 "전문적으로 보이게 만드는 방법"에 대해 질문할 때 사용하세요. 이 기술은 다른 모든 엘리트 웹 디자인 기술을 알려주는 기초적인 사고를 제공합니다. 새로운 프로젝트나 디자인 방향을 수립할 때 여기에서 시작하세요. 출처: rshvr/elite-web-design.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/rshvr/elite-web-design --skill elite-design-core- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-11
- 업데이트
- 2026-02-18
빠른 답변
elite-design-core이란?
엘리트 웹 디자인의 진입점. 디자인 철학, 비주얼 시스템, 디자인-코드 프로세스를 다룹니다. 프리미엄 웹 사이트 디자인, 수상 경력에 빛나는 미학, 디자인 시스템, 시각적 계층 구조, 간격, 타이포그래피, 색상 이론 또는 "전문적으로 보이게 만드는 방법"에 대해 질문할 때 사용하세요. 이 기술은 다른 모든 엘리트 웹 디자인 기술을 알려주는 기초적인 사고를 제공합니다. 새로운 프로젝트나 디자인 방향을 수립할 때 여기에서 시작하세요. 출처: rshvr/elite-web-design.
elite-design-core 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/rshvr/elite-web-design --skill elite-design-core 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/rshvr/elite-web-design
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-11