소개
Flowith로 관심 있는 몇 가지 AI 들의 최신 소식을 모아서 보는 웹 사이트를 만들고 싶었습니다.
진행 방법
MCP 스터디를 할 때부터 너무 하고 싶던 일입니다. Flowith 덕에 아주 쉽게 프롬프트 한 번에 했습니다. 단, 디자인은 좀 아쉽네요. Figma로 한 디자인을 가이드로 첨부했는데, 그냥 까맣게만 해줬습니다. 😅
프롬프트로 그냥 소식을 모으기 원하는 AI 들의 리스트만 주었더니, 주요 소식을 잘 못 모아서, 각각 AI 별로 소스를 주었습니다.
https://openai.com/news/에서 OpenAI의 최근 주요 소식 5개, https://www.anthropic.com/news에서 Anthropic의 최근 주요 소식 5개, https://blog.google/products/gemini/에서 Gemini 최근 주요 소식 5개, https://www.youtube.com/@genspark_ai에서 Genspark의 최근 주요 소식 5개 , https://x.com/cursor_ai?lang=en에서 Cursor 최근 주요 소식 3개, https://x.com/figma?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor에서 Figma 최근 주요 소식 3개, https://www.youtube.com/@flowith_ai에서 Flowith 최근 주요 소식 3개, https://www.youtube.com/results?search_query=MCP에서 MCP 관련 최근 소식 5개, https://www.youtube.com/channel/UCYqxnCFtaC4-iC_bwt2bRLg에서 Perplexity의 최근 소식 2개를 모아서 홈페이지로 만들어 줘. 3일마다 다시 만들어 줘. 모든 소식에는 원본을 확인할 수 있는 링크를 달아 줘. 웹 사이트 디자인은 첨부한 이미지대로 해 줘.첨부한 이미지는 Figma Make로 만든 멋진 디자인인데, 그대로는 잘 안되네요.
이거 할 때 꼭 Agent 모드를 켜셔야 하고, 기타 모든 기능을 켜셔야 합니다.
만든 사이트 캡쳐와 링크입니다.
3일마다 한 번씩 다시 만드니, 종종 들어가 보려구요.
디자인만 어떻게 잘 되던가, 코드를 내려받을 수 있으면 참 좋겠습니다.
결과와 배운 점
세상 간단한 Flowith로 한 바이브 코딩이었습니다.