lanhu-to-code은(는) 무엇을 하나요?
蓝湖设计稿转前端代码的 Claude Code Skills 工具集 | Claude Code용 蓝湖 디자인-투-코드 작업 흐름
출처: https://github.com/ursazoo/lanhu-to-code
푸시됨: 2026-05-12T10:02:38Z 별: 8
蓝湖设计稿转前端代码的 Claude Code Skills 工具集
이 스킬은 Claude Code에서 蓝湖(Lanhu) 디자인 파일을 프론트엔드 코드로 변환하는 작업 흐름을 제공합니다. 디자이너가 蓝湖에 업로드한 UI 디자인을 개발자가 수동으로 구현하는 대신, 이 스킬을 통해 디자인 속성(크기, 색상, 간격 등)을 추출하여 정확한 HTML/CSS 또는 React/Vue 컴포넌트 코드로 자동 생성할 수 있습니다. 주로 Claude Code와 함께 사용되며, GitHub 저장소(ursazoo/lanhu-to-code)를 기반으로 합니다. 2025년 5월 기준 8개의 스타를 받았으며, 디자인-개발 간격을 줄이고 UI 구현 속도를 높이는 데 유용합니다. 이 스킬은 蓝湖 API를 활용하거나 디자인 파일에서 시각적 정보를 파싱하여 일관된 코드 출력을 생성하는 방식으로 작동합니다.
npx skills add ursazoo/lanhu-to-code蓝湖设计稿转前端代码的 Claude Code Skills 工具集 | Claude Code용 蓝湖 디자인-투-코드 작업 흐름
출처: https://github.com/ursazoo/lanhu-to-code
푸시됨: 2026-05-12T10:02:38Z 별: 8
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".