Communitygithub.com

nlook-service/design-from-code

실제 소스 코드로부터 UI 변경 사항을 디자인합니다 — 데이터를 검증하고, 충실한 HTML 목업을 반복적으로 개선한 후, 작업을 위임합니다. nlook.me의 Claude Code 플러그인 및 Codex 스킬입니다.

design-from-code란 무엇인가요?

이 스킬은 개발자가 실제 소스 코드를 기반으로 UI 변경 사항을 설계할 수 있도록 지원하는 전문 도구입니다. 주로 Claude Code 플러그인과 Codex 환경에서 동작하며, 개발자는 이를 통해 데이터 흐름을 검증하고, 원본 코드와 일치하는 충실한 HTML 목업을 반복적으로 개선한 후, 최종 작업을 다른 에이전트나 도구에 위임할 수 있습니다. 이 스킬은 UI 디자인과 개발 간의 간극을 줄여, 코드 기반의 정확한 프로토타이핑과 협업을 가능하게 합니다. nlook.me에서 제공하는 이 스킬은 소스 코드 분석 능력과 HTML 생성 능력을 결합하여, 실제 배포 가능한 UI 변경 사항을 효율적으로 설계하는 데 초점을 맞춥니다.

지원 대상✓Claude Code✓Codex CLI~Cursor
npx skills add nlook-service/design-from-code

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

design-from-code은(는) 무엇을 하나요?

실제 소스 코드로부터 UI 변경 사항을 디자인합니다 — 데이터를 검증하고, 충실한 HTML 목업을 반복적으로 개선한 후, 작업을 위임합니다. nlook.me의 Claude Code 플러그인 및 Codex 스킬입니다.

관련 스킬