Today, my inspiration AI service Persey is launched in Product Hunt! 😆
This is AI that sparks new ideas from your inspirations.
https://t.co/6egcEcZ1Zb
Thank you! 🥰
🖼️ 바이브 코딩으로 아름다운 UI 만드는 법
이제는 굉장히 빠르게 웹페이지를 만들어버릴 수 있죠. 이 팁은 뻔할 수 있는 결과물에 좀 더 변화를 줄 수 있다고 생각해요.
1\ 스케치 먼저, 프롬프트는 그 다음
텍스트로 시작하지 마세요.
Excalidraw로 간단한 와이어프레임을 그리세요. 박스, 버튼, 이미지 위치 등을 표시하고 내보낸 뒤 AI에게 "이 구조를 정확히 따라줘"라고 말하세요.
AI는 상상하는 것보다 모방하는 걸 훨씬 잘합니다.
↓
2\ 마음에 드는 것을 스크린샷으로 찍기
Dribbble, Mobbin, 또는 깔끔해 보이는 사이트를 방문하세요.
원하는 특정 섹션만 스크린샷을 찍으세요. 네비게이션 바, 가격 카드, 히어로 섹션 등. 붙여넣고 "이 스타일을 따라줘"라고 말하세요.
이것만으로도 결과가 완전히 달라집니다.
↓
3\ 색상에는 무드 보드를 제공하기
AI에게 "모던하고 따뜻한 느낌으로 만들어줘"라고 말해본 적 있나요? 매번 똑같은 파란색만 내놓습니다.
Nano Banner 같은 무드 보드 생성기를 사용하세요. 그 이미지를 AI에게 주고 "이걸 색상 팔레트 참고용으로 써줘"라고 말하세요.
막연히 기대하는 것보다 훨씬 독창적인 결과물이 나옵니다.
↓
4\ 빌드 전에 디자인 시스템 만들기
코드를 작성하기 전에 브랜드 색상, 타이포그래피, 간격 규칙을 정의하세요.
그걸 AI 툴과 공유해서 모든 컴포넌트가 일관되게 유지되도록 하세요.
대부분의 바이브 코딩 앱이 어색해 보이는 건, 페이지 간 일관성이 전혀 없기 때문입니다.
↓
5\ 디자인 스킬과 안티패턴 규칙 활용하기
GitHub에 "ui/ux pro max skill"이라는 오픈소스 툴이 있는데, Claude가 UI 코드를 작성하기 전에 추론 엔진을 먼저 사용하도록 강제합니다.
업종에 맞는 디자인 시스템을 생성하고, AI가 흔히 쓰는 진부한 그라디언트를 금지하는 규칙이 내장되어 있습니다.
쉽게 말해 Claude에게 "다른 AI 앱처럼 만들지 말아줘"라고 지시하는 것입니다.
↓
6\ 스크린샷을 주된 소통 수단으로 사용하기
AI는 모방은 잘하지만, 상상은 못합니다.
시각적 맥락을 많이 줄수록 AI가 덜 추측합니다.
"깔끔하게 만들어줘"라고 타이핑하는 걸 멈추고, 깔끔한 게 어떤 건지 직접 보여주세요.
↓
7\ 폰트와 아이콘은 생각보다 훨씬 중요합니다
AI는 항상 같은 Inter 폰트와 Lucide 아이콘 조합을 사용합니다. AI로 만든 티가 바로 납니다.
Google Fonts에서 개성 있는 폰트를 가져오세요. Lucide 대신 Phosphor 같은 커스텀 아이콘 라이브러리로 교체하세요.
작은 변화이지만, 앱이 즉시 템플릿처럼 보이는 것을 막아줍니다.
진짜 문제는 AI가 아닙니다.
대부분의 사람들이 그냥 "랜딩 페이지 만들어줘"라고만 입력하고 결과를 기대한다는 게 문제입니다.
Today I implemented onboarding process.
1. When onboarding, sample inspirationss can be created.
2. When 3 inspirations are made, show banner to nudge spark AI suggestion service.
Will it be working?
Turns out — those were real barriers.
I fixed both, shipped the updates, and now the MVP finally feels done.
Thinking about launching it on Product Hunt next 🚀
https://t.co/oRxYhactjA
• Google login doesn’t work in in-app browsers
• No UI-level multilingual support
I thought, “If people are curious, they’ll open it in their own browser,”
and “AI already responds in the user’s language, so it should be fine.”
I'm a frontend dev who's never touched backend.
Asked Claude to help me build one.
2 months later, it's live.
Now I use it to write lyrics.
Save my random ideas → AI turns them into new inspiration.
Vibe coding is crazy.
I showed my side project to coworkers.
Their reaction:
"Don't quit your job for this"
"It's not sharp enough"
"You can do this with Gemini + Keep"
They're right.
But I launched anyway.
If I need it, someone else probably does too.
🔗 https://t.co/oRxYhabVu2
✍️ Capture your inspirations
🏷️ Auto-tagged & easy to browse
✨ AI turns YOUR moments into new ideas
It's free while in beta.
🔗 https://t.co/oRxYhactjA
Would love your feedback 🙏
I'm a singer-songwriter who's kept notes for years — feelings, conversations, fleeting thoughts.
But they got buried. And AI just gave me generic words, not mine.
So I built Persey.
https://t.co/oRxYhactjA