coolbanana

Web 3 content creator I Researcher l Scientist

[Shraddha Bharuka @BharukaShraddha]

📂 SaaS Stack
┃
┣ 📂 Frontend
┃ ┣ 📂 React
┃ ┣ 📂 NextJS
┃ ┣ 📂 Vue
┃ ┣ 📂 TailwindCSS
┃ ┗ 📂 Shadcn UI
┃
┣ 📂 Backend
┃ ┣ 📂 NodeJS
┃ ┣ 📂 Django
┃ ┣ 📂 Laravel
┃ ┣ 📂 FastAPI
┃ ┗ 📂 Express
┃
┣ 📂 Database
┃ ┣ 📂 PostgreSQL
┃ ┣ 📂 MySQL
┃ ┣ 📂 MongoDB
┃ ┣ 📂 Redis
┃ ┗ 📂 Supabase
┃
┣ 📂 Auth
┃ ┣ 📂 Clerk
┃ ┣ 📂 Auth0
┃ ┣ 📂 Firebase Auth
┃ ┣ 📂 Supabase Auth
┃ ┗ 📂 NextAuth
┃
┣ 📂 Payments
┃ ┣ 📂 Stripe
┃ ┣ 📂 Paddle
┃ ┣ 📂 Dodo Payments
┃ ┣ 📂 Lemon Squeezy
┃ ┗ 📂 Polar
┃
┣ 📂 Emails
┃ ┣ 📂 Resend
┃ ┣ 📂 SendGrid
┃ ┣ 📂 Mailgun
┃ ┣ 📂 Postmark
┃ ┗ 📂 Amazon SES
┃
┣ 📂 Storage
┃ ┣ 📂 AWS
┃ ┣ 📂 Cloudflare 
┃ ┣ 📂 Google Cloud Storage
┃ ┣ 📂 Supabase Storage
┃ ┗ 📂 Uploadcare
┃
┣ 📂 Deployment
┃ ┣ 📂 Vercel
┃ ┣ 📂 Netlify
┃ ┣ 📂 Railway
┃ ┣ 📂 Render
┃ ┗ 📂 AWS
┃
┣ 📂 Domains and DNS
┃ ┣ 📂 Namecheap
┃ ┣ 📂 Hostinger
┃ ┣ 📂 Cloudflare DNS
┃ ┣ 📂 Google Domains
┃ ┗ 📂 SiteGround
┃
┣ 📂 Analytics
┃ ┣ 📂 Google Analytics
┃ ┣ 📂 Plausible
┃ ┣ 📂 PostHog
┃ ┣ 📂 Mixpanel
┃ ┗ 📂 DataFast
┃
┣ 📂 Monitoring
┃ ┣ 📂 Sentry
┃ ┣ 📂 LogRocket
┃ ┣ 📂 Datadog
┃ ┣ 📂 NewRelic
┃ ┗ 📂 UptimeRobot
┃
┣ 📂 DevOps
┃ ┣ 📂 Docker
┃ ┣ 📂 Kubernetes
┃ ┣ 📂 GitHub Actions
┃ ┣ 📂 CI CD
┃ ┗ 📂 Terraform
┃
┣ 📂 Search
┃ ┣ 📂 Algolia
┃ ┣ 📂 Meilisearch
┃ ┣ 📂 Elasticsearch
┃ ┣ 📂 Typesense
┃ ┗ 📂 OpenSearch
┃
┣ 📂 AI Integration
┃ ┣ 📂 OpenAI API
┃ ┣ 📂 Anthropic API
┃ ┣ 📂 Replicate
┃ ┣ 📂 HuggingFace
┃ ┗ 📂 Gemini API
┃
┣ 📂 Integrations
┃ ┣ 📂 Zapier
┃ ┣ 📂 Make
┃ ┣ 📂 n8n
┃ ┣ 📂 Pabbly
┃ ┗ 📂 Webhooks
┃
┣ 📂 Security
┃ ┣ 📂 SSL
┃ ┣ 📂 Cloudflare
┃ ┣ 📂 WAF
┃ ┣ 📂 Rate Limiting
┃ ┗ 📂 Secrets Management
┃
┣ 📂 Marketing
┃ ┣ 📂 Search Console
┃ ┣ 📂 Outrank
┃ ┣ 📂 Buffer
┃ ┣ 📂 Analytics
┃ ┗ 📂 Kit
┃
┗ 📂 Customer Support
  ┣ 📂 Intercom
  ┣ 📂 Crisp
  ┣ 📂 Zendesk
  ┣ 📂 Tawk
  ┗ 📂 HelpScout

[하호진(mimul) @mimul]

Claude나 Codex를 병렬로 돌릴경우 안심하고 사용할 수 있는 dmux.

tmux만으로 병렬 처리하면 코드가 덮어 써지거나 충돌이 발생하는데 dmux는 git worktree + branch를 자동으로 완벽히 격리해 주고, 충돌이 생겨도 AI가 자동으로 해결해 줌

https://t.co/w3IQuYGYn7

[아이반 IVAN @0ooooo0]

저의 요즘 클로드 최애 도구

AI가 말귀를 못 듣는다구요?
그건 바로 ouroboros가 필요하시군요!

1. https://t.co/dn5fM8cFVl 설치
2. ooo interview "원하는 거 입력" 실행
3. 요구사항이 명확해질 때까지 AI가 계속 질문함
4. AI가 정리해서 스펙을 만들어줌

AI가 말귀를 못 알아듣는 게 아니라
사실은 우리가 원하는 게 뭔지
우리도 모르는 경우가 많슴다

ooo로 생각 정리하고 개발하십쇼

[dalgom.bami @dalgom_bami]

개발자가 사이드프로젝트건 1인개발이건 앱을 하나 출시하려면 여러 장벽이 있었습니다.

사실 그중에서 가장 큰 장벽은 생성형 AI가 등장하기 전까진 디자인이었다고 생각합니다.

그래서 개발자들은 보통 Material 같은 ui framework나 shadcn 같은 디자인 코드 스니펫 등을 활용해서 없는 미적감각을 총동원해 만들었었습니다. 아니면 디자인 템플릿같은걸 사서 쓰기도 했었습니다. 어찌됐건 혼자 해결이 불가능했습니다. 디자이너 친구와 팀을 맺기도 했구요.

AI 코딩 시대에 접어들며 꽤 괜찮은 디자인을 AI가 주기 시작했습니다. 뭐 보라돌이에 집착하는 것이나 약간 본듯한 UI로 만드는 문제가 있었지만 그래도 미적감각이 부족한 개발자가 직접 하는 것보단 백배는 나았습니다.

근데 제 기준에선 뭔가 상용프로젝트에 쓸 정도는 아니란 생각이 계속 들었습니다. 그리고 이 AI 생태계가 발전하면서 정말 괜찮은 조합을 찾았는데요, 오늘 전부다 공유드리겠습니다🧵 (짤은 방금 직접 만든 예시)

[로그 Logue @AlexZio00]

🧠 AI 프롬프트 기법 18선 — 실전 분류

이제는 정말 많은 기법이 나왔습니다.
진짜 문제는 "어떤 기법을 언제 쓰는가"입니다.
현존하는 최상위 기법 18개를 목적별로 분류했습니다.

─────────────────

[A] 환각 통제 — AI가 거짓말하는 걸 막을 때

1. ReAct — 생각→행동→관찰 루프. 검색 연동 시 필수.
2. CoVE — 초안 쓰고 스스로 팩트체크 질문 만들어서 검증.
3. Generated Knowledge — 검색 없이, 내부 지식을 먼저 꺼내놓고 그 안에서만 답하게 강제.
4. S2A — 문서에서 노이즈 먼저 제거하고, 깨끗한 텍스트만 보고 답변.

─────────────────

[B] 논리 깊이 — 복잡한 문제를 여러 각도로 뜯을 때

5. Tree of Thoughts — 3개 시나리오 동시 전개, 2개 강제 탈락.
6. Graph of Thoughts — 갈라진 시나리오의 장점만 뽑아서 합체.
7. Self-Consistency — 5개 독립 추론 후 다수결. 아웃라이어 소거.
8. Maieutic — "이 전제가 정말 참인가?" 숨은 가정을 재귀적으로 심문.

─────────────────

[C] 편향 파괴 — 시야가 좁아지거나 대중에 휩쓸릴 때

9. Step-Back — 미시적 질문을 거시적 원리로 한 단계 올려서 내려다봄.
10. Contrastive CoT — "가장 매력적인 오답"을 먼저 전개하고 박살냄.
11. Directional Stimulus — 핵심 키워드를 논리의 기둥으로 강제 고정.
12. Skeleton-of-Thought — 문장 금지. 목차+테이블 뼈대부터 선언.

─────────────────

[D] 실행 최적화 — 결과물 품질을 끌어올릴 때

13. Self-Refinement — 초안 → 자가 레드팀 → 재작성. 퇴고 자동화.
14. Chain of Density — 길이 고정, 정보 밀도만 3회 반복 압축.
15. Plan-and-Solve — 작업 계획 먼저 선언, 순서대로 이행.
16. Program of Thoughts — 계산은 말로 하지 말고 코드로 짜라.
17. Reflexion — 실패 원인 기억하고 다른 방법으로 재시도.
18. OPRO — AI가 직접 최적 프롬프트를 설계.

─────────────────

중요한 건 이 18개를 다 쓰는 게 아닙니다. 문제의 병목이 뭔지 먼저 정의하고, 맞는 기법 1~2개만 쓰는 것입니다.

팩트가 부족하면 → A그룹
논리가 단선적이면 → B그룹
시야가 좁으면 → C그룹
결과물이 느슨하면 → D그룹

다음 아티클에서 이 18개를 실전 시스템에 어떻게 조합했는지 공개해보겠습니다.

[Move78 @move78th]

😱사진 한 장만 있으면
웹캠에 비친 얼굴이 실시간으로 바뀌는 오픈소스가 공개됐다?

📌Deep-Live-Cam 이 뭔데?
1. 사진 한 장으로 실시간으로 화면에 보이는 얼굴을 교체 가능
2. 라이브 영상통화나 웹 캠 등에서 사진상의 사람이 될 수 있음....ㅎㄷㄷ

📌주요 기능
1. 사진 한 장 업로드 → 웹캠 켜기 → 즉시 그 사람으로 변신
표정, 포즈, 조명까지 실시간으로 맞춰줌
2. Mouth Mask 기능으로 입 움직임도 자연스럽게 동기화
한 화면에 여러 얼굴을 동시에 다른 얼굴로 교체 가능
3. 가상 카메라에 바로 사용 가능. Zoom, Google Meet, Teams에 바로 연결
4. NVIDIA, AMD, Intel, Apple Silicon 모두 지원

📌심각하게 무섭다요
1. 솔직히 다른 누군가가 될 수 있다는 점이 악용될 여지가 더 많아 보임
2. 사기꾼들이 타인을 사칭하기 좋을듯
3. 허락받지 않고 타인을 흉내낼 수 있으니..

📌어쨋든 인기 중인 레포
1. GitHub 출시 당일 트렌딩 1위, 24시간 만에 별 1,600개 달성. 현재 80K+ 스타.
2. 미쳤다, 대박이다는 사람들의 반응.

유튜브에서 다른 사람으로서 활동하고 싶은 분들은 요긴하게 쓸수도? 그렇지만 확실히 도덕적인 이슈에 대해서 고민해볼 여지가 있음...

종종 이런 기능들이 가능한 것은 알고 있었는데
100% 무료 레포로 공개되었으니 한 번 실험해보면 재미는 있을듯!

여러분들의 생각은요?

#딥페이크 #Deepfake #존말코비치되기

[매튜볶음 @maebogy]

레딧에서 해외 디자인 리소스 팔만대장경 발견했는데 나만보기 아까워서 공유함

그래픽, UIUX, 3D, 건축, AI, 사운드 등등 디자인관련이면 대부분 다 있고 더 미친건 링크가 8000개가 넘는걸 만든 사람이 구글독에 카테고리화를 엄청 세세하게 잘해놔서 원하는 분야 클릭해서 들어가기만 하면 됨

[lucas @lucas_flatwhite]

🖼️ 바이브 코딩으로 아름다운 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가 아닙니다.

대부분의 사람들이 그냥 "랜딩 페이지 만들어줘"라고만 입력하고 결과를 기대한다는 게 문제입니다.

[22B @v81093933]

🔓 오픈소스 공개합니다.

AI가 쓴 글 하나로
블로그 · 인스타 카드 · X 스레드 · 유튜브 쇼츠 · 뉴스레터
— 5개 포맷 자동 변환+배포.

Python 기반, 미니PC 하나면 24시간 1인 미디어 운영 가능.

✅ Blogger + AdSense + 쿠팡 파트너스 수익 구조
✅ Telegram 제어 + Claude 자연어 명령
✅ TTS + ffmpeg 쇼츠 영상 자동 생성
✅ 품질 점수 70점 미만 자동 폐기

MIT 라이선스. 자유롭게 가져가세요.

https://t.co/pCGqaM7xvV

#오픈소스 #1인미디어 #블로그자동화 #Python #AI

[보안프로젝트 @ngnicky]

강추드립니다.!!!

Claude Code 마스터 가이드 2026 — 실전 꿀팁 & 워크플로우 완전 정복
https://t.co/BuhO47a66o

[lucas @lucas_flatwhite]

🎓 Anthropic Academy
https://t.co/vyPuxGv21W

"Anthropic이 수료증까지 포함된 AI 마스터 무료 교육 과정을 0달러에 출시했습니다."

Anthropic이 공식 학습 플랫폼은 사실 예전부터 있었어요. 그래서 저도 일부 과정을 트윗하기도 했어요.

모두 무료! 모든 강좌는 Anthropic 계정이 없어도 Skilljar 계정만으로 수강할 수 있어요.

꾸준히 관리되고 있고, 퀄리티도 좋아요. 사용자의 목적과 수준에 맞춘 총 13개의 강좌를 제공하고 있답니다.

기본적으로 영문이지만 연결된 영상도 YouTube에서도 한글 자막을 지원해서 보는데 큰 어려움은 없어요. 텍스트는 더 간단하게 보실 수 있구요.

↓

👩🏻‍💻 개발자 대상 강좌

개발 워크플로우에 Claude를 통합하고 API 및 MCP를 활용하는 실무 중심의 강좌.

- Claude Code in Action: Claude Code를 개발 워크플로우에 통합하는 방법 (실습 중심)

- Building with the Claude API: Claude API로 Anthropic 모델과 작업하는 전 과정

- Introduction to Model Context Protocol: Python으로 MCP 서버/클라이언트를 구축하고 핵심 프리미티브 마스터

- Model Context Protocol: Advanced Topics: 샘플링, 알림, 파일 시스템 등 프로덕션 MCP 서버 개발 심화 패턴

- Introduction to Agent Skills: Claude Code의 Skills 구축, 설정, 공유 및 배포 방법

↓

📋 일반 사용자 대상 강좌

- Claude 101: 일상 업무에서 Claude를 효과적으로 활용하고 핵심 기능을 이해하기 위한 입문 강좌

↓

📕 AI Fluency 시리즈

AI와의 효과적이고 윤리적인 협업 역량을 기르기 위한 대상별 맞춤 강좌.

- AI Fluency: Framework & Foundations: AI 시스템 협업 프레임워크 및 기초 학습

- AI Fluency for Educators: 교육 현장에 AI 역량을 적용하는 방법 (교수진, 교육 리더 대상)

- AI Fluency for Students: 학습, 진로, 학업에 AI를 책임감 있게 활용하는 방법

- AI Fluency for Nonprofits: 비영리 단체의 미션 달성과 효율성을 높이는 AI 활용법

- Teaching AI Fluency: AI 역량 교육 및 평가 방법론 (교강사, 교육 설계자 대상)

↓

☁️ 클라우드 플랫폼 연동 강좌

- Claude with Amazon Bedrock: AWS 인증 프로그램으로, Amazon Bedrock에서 Claude 사용법 안내

- Claude with Google Cloud's Vertex AI: Google Cloud Vertex AI를 통한 Anthropic 모델 사용 과정

[lucas @lucas_flatwhite]

🤖 Claude Code 마스터 가이드
28개 섹션에 걸쳐 Claude Code의 모든 것을 다루는 2026년 가이드 문서
https://t.co/CGAJY7NWdN

이런 가이드 페이지는 언제나 감사하죠. 최근까지도 업데이트된 내용을 포함합니다.

개발 워크플로우에 어떻게 녹여낼 수 있는지 직관적으로 잘 정리되어 있네요. Claude Code를 처음 접하시는 분들도 여러모로 편하게 느끼실 듯!

- 핵심 철학 & 황금 워크플로우
- https://t.co/KYRCeDDmmP 완전 가이드
- Agent Teams & 서브에이전트
- Hooks 시스템
- 보안 체크리스트 & 7대 실수
- 디버깅 마스터 & 멀티세션 워크플로우
- MCP 실전 활용 & 비용 최적화

저도 매일같이 Claude Code를 사용하고 있는데, 정말 만족스러워요.

멋진 가이드를 제작해주셔서 감사드립니다~~!

[coolbanana @prettycherry842]

@WarmedHo @RiverdotInc @River4fun 어흑...손을 다치니 아무것도 못했어요 ㅠㅠ 환영해주셔서 감사드려요

[coolbanana @prettycherry842]

돌아온 쿨바나나!!!
양손을 다쳤었습니다..
@RiverdotInc @River4fun

모두 잘 지내고계셨죠?
저 야핑하고싶어 손이 근질거렸었어요!

얼음판에서 양손을 짚고 넘어지는바람에
양손을 크게 다쳤었거든요..
이제야 좀 손가락이 움직여 야핑을 합니다.

달려볼께요!
복귀를 환영해주세요😆

[coolbanana @prettycherry842]

@mrjeon @RiverdotInc @River4fun 너무나 감사합니다 손목은 생각도 못 했는데 다치니까 정말 불편하더라고요ㅠ

[coolbanana @prettycherry842]

@Zzaeyg @RiverdotInc @River4fun 제가 양쪽 발까지 다쳤었잖아요?ㅠㅠ 아 정말 답답한 시간이었습니다ㅠ 다시 야핑하니 활력이 나네요

[coolbanana @prettycherry842]

@EddyVautier @RiverdotInc @River4fun 환영해 주셔서 감사해요 이런 에너지 오랜만에 받으니 너무너무 좋아요

[coolbanana @prettycherry842]

@yappi_chicky @RiverdotInc @River4fun 심지어 양쪽 발까지 다쳤다는요 ㅋㅋㅋ

[coolbanana @prettycherry842]

@jungwonbeag @RiverdotInc @River4fun 즐거운 주말 보내세요 리버 단 환영해 주셔서 감사합니다

[coolbanana @prettycherry842]

@gimyangseon1 @RiverdotInc @River4fun 빨리 나을게요 정말 감사합니다 사실 양쪽 발목도 다쳤어요 ㅋㅋㅋ

[coolbanana @prettycherry842]

@zxc68984008 @RiverdotInc @River4fun 오랜만에 에너지 받으니 좋네요 감사합니다!!