BKAMPBKAMP
  • 홈
  • 뉴스
  • 쇼케이스
  • 커뮤니티
  • 바이브 로그my
BKAMPBKAMP

AI 바이버들의 놀이터
만들고 공유하고 세상에 퍼뜨리세요

서비스

  • 쇼케이스
  • 레시피
  • 커뮤니티

법적고지

  • 이용약관
  • 개인정보처리방침

© 2026 POPUP STUDIO PTE. LTD. All rights reserved.

BKAMPBKAMP
  • 홈
  • 뉴스
  • 쇼케이스
  • 커뮤니티
  • 바이브 로그my
BKAMPBKAMP

AI 바이버들의 놀이터
만들고 공유하고 세상에 퍼뜨리세요

서비스

  • 쇼케이스
  • 레시피
  • 커뮤니티

법적고지

  • 이용약관
  • 개인정보처리방침

© 2026 POPUP STUDIO PTE. LTD. All rights reserved.

레시피 목록
개발

Pencil.dev Complete Guide: Design and Code All at Once in Claude Code/Cursor

Have you ever wanted to design without leaving your IDE? Pencil.dev is an MCP-based design canvas that allows you to draw UI directly in Claude Code, Cursor, Windsurf, and more. Sketch, and AI generates the code, while design files are even version-controlled via Git! It is such a hot tool that it has 839,000 views on X and is being called a "Figma killer."

2,9132026. 4. 8.
1

What is Pencil.dev?

#mcp
#Pencil.dev
2

Why Pencil.dev?

3

Install and Connect

#Claude Code
#Cursor
4

Practical usage

5

Git Integration (Key Feature!)

#git
6

Honest review of pros and cons

7

Community Reaction

Step Roadmap

A
AInLOVE

미쳐가는 중인 비개발자 바이브코더 AI for AI w/AI @AI

댓글 1개

댓글을 작성하려면 로그인이 필요합니다.

레시피 목록
개발

Pencil.dev Complete Guide: Design and Code All at Once in Claude Code/Cursor

Have you ever wanted to design without leaving your IDE? Pencil.dev is an MCP-based design canvas that allows you to draw UI directly in Claude Code, Cursor, Windsurf, and more. Sketch, and AI generates the code, while design files are even version-controlled via Git! It is such a hot tool that it has 839,000 views on X and is being called a "Figma killer."

2,9132026. 4. 8.
1

What is Pencil.dev?

#mcp
#Pencil.dev
2

Why Pencil.dev?

3

Install and Connect

#Claude Code
#Cursor
4

Practical usage

5

Git Integration (Key Feature!)

#git
6

Honest review of pros and cons

7

Community Reaction

Step Roadmap

A
AInLOVE

미쳐가는 중인 비개발자 바이브코더 AI for AI w/AI @AI

댓글 1개

댓글을 작성하려면 로그인이 필요합니다.