= 알아두면 좋을(?) 것 같은 AI:
1. 노트북LM: PDF나 자료 넣으면 핵심 요약을 쉽게 해줌.
2. 스티치: 말로 설명하면 웹 UI 시안을 만들어줘요
3. 구글 비즈: 대본만 넣어도 영상 발표 자료를 도와줘요
4. 믹스보드: 아이디어를 브랜드 시안처럼 시각화해줘요
5. 구글 AI 스튜디오: 코딩 몰라도 웹사이트 제작을 도와줘요
▶ '클로드(Claude)'에 ’힉스필드(Higgsfield. higgsfield.ai/mcp) MCP‘를 장착하여 나만의 콘텐츠 생산 시스템을 만들 수 있음. > 유료만 가능함. 난 불필요.
※ 클로드가 알아서 최신 트렌드를 분석하고, 숏폼 영상을 알아서 기획, 제작해 줌. 꼭 필요한 사람은 요긴할 것 같은데, 난 불필요.
※ 클로드 커넥터 설정에서 커스텀 커넥터로 위 복사한 링느를 추가하려면 유료만 가능. 전문적으로 혹은 업무적으로 클로드의 서비스가 필요한 사람은 모르겠지만... 나 같은 비전문가는 무료 서비스가 필요함. 토큰/용량/사용시간 제한은 상관없음. 근데 커넥터로 연결하려면 유료만 가능함.
※ 클로드도 무료가 있기는 하지만... 좀 써보려 하면 유료를 요구해서... 사실상 무료 서비스는 거의 무의미한 것 같음. 월 20불, 100불짜리도 금방 용량제한이 걸린다고 함.
= AI로 웹사이트 만들기
1) 클로드 코드로 만들기: 뭐 좀 하려면 유료임. 무료로는 거의 사용이 불가능(?) 혹은 어려워 보임. 그래서 포기. 굳이 유료를 사용할 필요/이유가 없음.
- 클로드 사용법 익히려니 메뉴, 옵션 등이 뭐가뭔지를 모르겠음. AI가 새로운 것이라서... 그 메뉴들도 다 새로운 기능들이라... 각각의 메뉴가 뭘 의미하는 것인지 추측하기가 너무 어려움.
2) '제미나이 AI 스튜디오 or 제미나이 캔바스'로 만들기
- 테스트로 잠깐 해봤는데... 단 6줄로 웹페이 하나가 뚝딱만들어짐. 헐... 인포그래픽 만들 때도 놀라긴 했지만... 그 땐 프롬프트 엄청 길게, 많이 적어야 했는데... 레퍼런스 하나를 던져주니... 뚝딱이네. ^^;;; 하여, 제미나이를 사용하기로 함.
- 제미나이 역시 무료는 제한적임. 그러나 제미나이는 제공하는 무료 서비스로도 충분. 제한적이라도 있다는 것에 감사할 따름. 템플렛 참조는 framer.template에서 템플릿 캡쳐 참조 가능.
- 캡처한 홈페이지 이미지의 디자인 스타일로 코딩해달라고 프롬프트 작성.
- 웹사이트는 구글 ai studio에서 작업. Canvas도 가능.
- 모바일에서는 한글의 줄바꿈을 정확히 이 모양대로 줄 바굼해줘라고 명령해야 함. 모든 강조하는 글꼴은 그라이데이션 효과로 넣어줘. 움직이는 롱링배너 형태로 넣어줘. 등... 구체적으로 바이브 코딩을 해야 함.
- 바이브 코딩을 할 때는 사소한 것도 하나하나 구체적으로 상세히 해야 함. 사실 프로그래밍과 크게(?) 다르지 않음. 프로그래밍은 컴퓨터 언어로, 컴푸터 문법으로 컴퓨터에게 명령하는 것이라면... AI는 '텍스트'로 AI에게 명령을 하는 것임. 물론 그것도 큰 차이이기는 함.
▶ AI가 많은 부분을 '커버'해 주지만... 그래도 결국은 수정, 보완 작업은 피할 방법이 없음. -.-; 그래도... AI가 많은 부분을 '커버'해 주는 것이 대단한 것 같음. 일일이 다 코딩해주려면 그것도 쌩 노가다 임.
=참조:
Google AI Studio(구글 AI 스튜디오) 자체는 신용카드 등록 없이 무료로 시작할 수 있습니다. 사용 목적과 용량에 따라 무료 등급, 월 구독 요금제, 종량제 API를 선택할 수 있습니다.
구체적인 요금제 구조는 다음과 같습니다:
1. 무료 등급 (Free Tier)
특징: 기본 모델(예: Gemini Flash 등)을 무료로 테스트하고 API를 발급받을 수 있습니다.
단점: 무료 등급의 할당량(일일 요청 횟수 및 분당 요청 수)이 제한적이며, 사용자의 데이터가 구글 모델 개선을 위해 사용될 수 있습니다.
대상: 개인 학습, 포트폴리오, 가벼운 테스트 프로젝트에 적합합니다.
[ENGLISH]
Trying AI for Website/Webpage Creation.
= AI tools worth knowing:
NotebookLM: Summarizes PDFs or documents into key points easily.
Stitch: Creates a web UI mockup from spoken descriptions.
Google Biz: Helps turn scripts into video presentation materials.
Mixboard: Visualizes ideas like branded mockups.
Google AI Studio: Helps build websites even without coding skills.
▶ You can attach Higgsfield MCP (higgsfield.ai/mcp) to Claude to build your own content production system. → Paid only. I don’t need it.
※ Claude can automatically analyze trends and plan/produce short-form videos. Useful for those who need it, but unnecessary for me.
※ Adding custom connectors in Claude requires a paid plan. Professionals may need it, but as a non-expert, I need free services. Token/usage limits don’t matter, but connectors are only for paid users.
※ Claude does have a free tier, but once you try to use it seriously, it demands payment. In practice, the free service is almost meaningless. Even the $20 or $100 monthly plans quickly hit usage limits.
Building Websites with AI
Using Claude Code: Requires payment for anything beyond basics. Free use is nearly impossible or very difficult. I gave up—no reason to pay.
Using Gemini AI Studio or Gemini Canvas:
I tested briefly—just 6 lines of text created a webpage instantly. Amazing. When making infographics before, I had to write long prompts. Now, just one reference and it’s done. So I decided to use Gemini.
Gemini’s free tier is limited, but still sufficient. I’m grateful it exists at all. Templates can be referenced from framer.template.
Write prompts like: “Code in the design style of this captured homepage image.”
Websites can be built in Google AI Studio or Canvas.
On mobile, you must specify exact line breaks for Korean text. For emphasis, apply gradient effects to fonts. Add moving long banners. In other words, you need to code the vibe in detail.
When vibe coding, every detail must be specified. It’s not so different from programming. Programming uses computer language and syntax; AI uses text instructions. Still, the difference is significant.
▶ AI covers a lot, but you’ll always need to revise and refine. Still, it’s impressive how much AI can handle. Coding everything manually would be exhausting.
Reference: Google AI Studio Pricing
Google AI Studio can be started free without registering a credit card. Depending on usage, you can choose:
Free Tier
Features: Test basic models (e.g., Gemini Flash) and get API access.
Limitations: Daily and per-minute request quotas; user data may be used to improve Google’s models.
Best for: Personal learning, portfolios, light test projects.