pencil-to-code

SKILL.md

| frame with layout | | | frame with children | Component with children | | text | , , or | | ref (instance) | Reusable component | | rectangle | with fill | | ellipse | | | image | or fill: url() |

.pen 디자인을 React/Tailwind 코드로 내보냅니다. 한 가지 일을 잘합니다. 입력: .pen 프레임 ID 또는 파일 경로 출력: React 구성 요소 코드 + Tailwind 구성 사용 시기: 디자인 탐색 또는 사용자가 구현 코드가 필요한 경우 완성된 연필 디자인에서. 출처: phrazzld/claude-config.

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/phrazzld/claude-config --skill pencil-to-code 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

보안 인증 완료, 신뢰할 수 있는 코드 원클릭 설치, 간편한 설정 Claude Code, Cursor 등 지원

원본 보기