A Claude Code skill for generating UI in the Nothing design language. Monochrome, typographic, industrial.
이 번역은 AI가 원문 README를 옮긴 것입니다. 원문이 항상 우선합니다.
Nothing의 비주얼 언어에서 영감을 받은 Claude Code용 디자인 시스템 스킬입니다. 모노크롬, 타이포그래픽, 인더스트리얼 스타일을 따릅니다.
저는 Claude에게 동일한 디자인 규칙(스위스 타이포그래피, OLED 블랙, 세그먼트 진행 표시줄, 도트 매트릭스 모티프)을 계속해서 설명해야 했습니다. 그래서 이를 재사용 가능한 스킬로 패키징했습니다.
!미리보기
Claude에게 /nothing-design이라고 말하거나 "Nothing 스타일"이라고 하면 다음 원칙에 따라 UI를 생성합니다:
nothing-design 폴더를 Claude Code 스킬 디렉토리에 복사하세요:
git clone https://github.com/dominikmartn/nothing-design-skill.git
cp -r nothing-design-skill/nothing-design ~/.claude/skills/
끝입니다. 다음에 Claude Code를 시작하면 스킬을 사용할 수 있습니다.
| 파일 | 설명 | ||
|---|---|---|---|
SKILL.md |
디자인 철학, 제작 규칙, 워크플로우 | ||
references/tokens.md |
색상, 폰트, 간격, 모션 토큰 | ||
references/components.md |
버튼, 카드, 리스트, 테이블, 오버레이 | ||
references/platform-mapping.md |
CSS, SwiftUI, React 출력 매핑 |
MIT