r/ClaudeCode•3개월 전•22•11
Claude로 전환율 높은 UI를 생성할 수 있는 무료 프롬프트 449개를 만들었습니다
I built 449 free prompts for Claude to generate UI that actually converts
핵심 요약
전환율 최적화에 초점을 맞춘 449개의 Claude용 UI 생성 프롬프트와 MCP를 공개함.
- 전환율 최적화 — 3천만 개 이상의 프로젝트에서 검증된 Flowbite 기반의 UI 레이아웃 설계함.
- 카테고리 분류 — 마케팅, 애플리케이션, 이커머스 등 3가지 주요 카테고리로 구성됨.
- 모델 호환성 — Opus뿐만 아니라 Sonnet 등 가벼운 모델에서도 원활하게 작동함.
- MCP 지원 — Claude에서 직접 프롬프트를 불러올 수 있는 MCP를 제공함.
안녕하세요 여러분!
저는 TypeUI의 창립자입니다. 실제로 전환율이 높은 웹사이트 섹션과 레이아웃을 생성할 수 있는 프롬프트 449개를 출시했다는 소식을 전하게 되어 기쁩니다.
그럼 이게 그냥 Claude한테 "가격 섹션 만들어줘"라고 하는 거랑 뭐가 다를까요?
이 프롬프트들은 전 세계 3천만 개 이상의 프로젝트에서 사용되는 디자인 시스템인 Flowbite를 기반으로 만들어졌습니다. 덕분에 어떤 유형의 섹션이 실제로 전환을 이끌어내는지에 대한 충분한 데이터와 경험을 쌓을 수 있었습니다.
따라서 이 레이아웃을 사용하면, 예를 들어 가격 섹션 같은 걸 만들 때 요소들이 가장 높은 전환율을 낼 수 있는 위치와 지침이 이미 내장되어 있습니다.
또한 3가지 큰 카테고리가 있습니다:
- 마케팅
- 애플리케이션
- 이커머스
저희는 이걸 직접 만들고 Opus로 로컬 테스트를 마쳤지만, Sonnet처럼 토큰을 덜 먹는 모델에서도 잘 작동할 겁니다.
여기서 확인해보세요:
아, 그리고 Claude에 저희 MCP를 설치할 수도 있습니다:
https://www.typeui.sh/docs/guides/claude
이렇게 하면 웹사이트에서 하나하나 복사할 필요 없이 모든 프롬프트에 자동으로 접근할 수 있습니다.
확인해주셔서 감사합니다!
