토크벤 MCP는 단일 16진수 색상으로부터 완전한 디자인 토큰 시스템을 생성합니다.
Tokven MCP는 단일 브랜드 헥스 색상으로부터 완전한 디자인 토큰 시스템을 생성하는 Model Context Protocol 도구입니다. 개발자는 새로운 프로젝트를 위해 수동으로 색상 시스템을 도출하는 반복적인 작업을 해결하기 위해 이 도구를 구축했습니다.
작동 방식
Claude에 브랜드 헥스 색상을 제공하면, 이 도구는 다음과 같은 전체 시스템을 도출합니다:
- 표면
- 테두리
- 텍스트 계층 구조
- 그림자
- 라이트 및 다크 모드
이 시스템은 자동으로 WCAG 대비 준수 여부를 검증합니다.
개발 및 이용 가능성
개발자는 Claude Code를 사용하여 약 2주 동안 이 도구를 구축했습니다. 사용 방법은 두 가지가 있습니다:
- 브라우저 버전:
tokven.dev에서 무료로 체험 가능 - Claude Code MCP:
npm i tokven-mcp를 통해 설치
이러한 유형의 도구는 수동 계산 없이 일관적이고 접근성 있는 색상 시스템이 필요한 개발자와 디자이너에게 유용합니다. MCP 도구는 구조화된 데이터와 기능을 제공하여 Claude의 능력을 확장합니다.
📖 Read the full source: r/ClaudeAI
👀 See Also
cc-lens: 클로드 코드 세션 분석을 위한 로컬 대시보드
한 개발자가 ~/.claude/에 저장된 Claude Code 세션 데이터를 읽어 사용량 분석, 비용 추적, 세션 재생 기능을 제공하는 로컬 퍼스트 대시보드인 cc-lens를 개발했습니다. 이 도구는 클라우드 동기화, 가입, 원격 측정 없이 완전히 사용자의 기기에서 실행됩니다.
OpenClaw 자동화 시스템 관리 및 보안 강화 청소 기술
한 개발자가 Claude Code를 사용하여 OpenClaw 머신에 SSH로 접속해 샌드박싱, OS 위생, 채널 보안을 포함한 구성을 강화하는 스킬을 만들었으며, CLAUDE.md 파일에 감사 지침을 담은 프로젝트 폴더를 유지합니다.
Claude TimeTrack: macOS 메뉴바 앱으로 Claude Code JSONL 파일을 읽어 프로젝트별 개발 시간을 자동 추적
오픈소스 macOS 메뉴바 앱으로, Claude Code 세션 JSONL 파일과 git 히스토리를 파싱하여 프로젝트별 시간을 자동 추적합니다. 수동 타이머가 필요 없습니다.
블리츠: 앱 스토어 제출을 위한 클로드 코드 도구
Blitz는 Claude Code가 MCP 도구 호출을 통해 App Store 제출을 자동화할 수 있도록 해주는 무료 도구입니다. 사용자는 Claude에게 '내 앱을 앱 스토어에 제출해줘'라고 요청하여 인증서, 스크린샷, App Store Connect 양식 등을 처리할 수 있습니다.