← cd ~/posts
~/hovelopin/posts $ grep -l '#ai'
#ai
5개의 글.
11 min read
AI가 자꾸 만드는 useRef 패턴, useEffectEvent로 걷어내기
AI가 콜백 prop을 useRef로 감싸고 useEffect로 동기화하는 패턴을 useEffectEvent로 정리한 과정을 공유하고, React가 useEffectEvent를 내부에서 어떻게 구현했는지 소스까지 따라가 본다.
19 min read
Claude Code의 sub-agent 기능을 활용한 Jira 이슈 처리 자동화
Claude Code sub-agent + Atlassian MCP + Figma MCP 조합으로 Jira 이슈 처리 워크플로를 자동화한 경험과 jira-fixer agent 설계 과정을 공유한다.
4 min read
Cursor로 모든 웹페이지를 Figma로 변환하기
Grab의 Cursor Talk To Figma MCP로 임의의 웹페이지를 Figma 디자인으로 자동 변환하고, 디자이너 없는 팀에서 활용해 본 기록.
6 min read
Playwright MCP와 Shadcn을 활용한 AI 기반 디자인 시스템 구축하기
임의의 웹사이트를 Playwright MCP로 분석해 디자인 시스템 명세를 뽑고, Shadcn MCP로 컴포넌트와 페이지까지 자동 구성한 실험.
4 min read
Claude와 Figma로 구현하는 워크플로우의 혁신 (MCP)
Figma-MCP 프로토콜로 Figma 디자인을 Claude/Cursor/Windsurf에 연결해 코드로 자동 변환하는 셋업 가이드.