<div id="readability-page-1" class="page"><div><p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;,&quot;background-color&quot;:&quot;#ffffff&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;anchor&quot;,&quot;url&quot;:&quot;https://v0.dev/&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;v0.dev&quot;}],&quot;target&quot;:&quot;_blank&quot;},{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;를 이용해서 바이브 코딩할때 활용할 수 있도록 PRD 프롬프트를 작성했습니다. AI 프로토타이핑의 워크플로우에 대해서 테스트를 해보고 있고, PRD를 통해 초기 프로토타입을 안정적으로 생성하기 위한 의도로 보시면 될 것 같습니다. 고려했던 사항들은 아래와 같습니다.&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;br&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;br&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;,&quot;background-color&quot;:&quot;#ffffff&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;- “무엇을 만들 것인가” \u0026 “어떻게 만들 것인가” 같이 고려&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;br&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;,&quot;background-color&quot;:&quot;#ffffff&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;- v0.dev가 생성하는 코드 특성 반영: React + TailwindCSS + shadcn/ui 컴포넌트 중심, Next.js(App Router) 기반&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;br&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;,&quot;background-color&quot;:&quot;#ffffff&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;-&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot; &quot;}]},{&quot;type&quot;:&quot;anchor&quot;,&quot;url&quot;:&quot;http://v0.dev/&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;v0.dev&quot;}]}],&quot;target&quot;:&quot;_blank&quot;},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot; &quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;,&quot;background-color&quot;:&quot;#ffffff&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;생태계에서 주로 논의되는 UX/UI, 성능 같은 항목 포함&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;br&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;br&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;,&quot;background-color&quot;:&quot;#ffffff&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;**&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot; v0.dev&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot; &quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;,&quot;background-color&quot;:&quot;#ffffff&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;PRD Generator (Pro Ver.): &quot;}]},{&quot;type&quot;:&quot;anchor&quot;,&quot;url&quot;:&quot;https://www.superpm.app/prompt/38&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;https://www.superpm.app/prompt/38&quot;}],&quot;target&quot;:&quot;_blank&quot;}]}"><a target="_blank" href="https://v0.dev/">v0.dev</a>를 이용해서 바이브 코딩할때 활용할 수 있도록 PRD 프롬프트를 작성했습니다. AI 프로토타이핑의 워크플로우에 대해서 테스트를 해보고 있고, PRD를 통해 초기 프로토타입을 안정적으로 생성하기 위한 의도로 보시면 될 것 같습니다. 고려했던 사항들은 아래와 같습니다. - “무엇을 만들 것인가” &amp; “어떻게 만들 것인가” 같이 고려 - v0.dev가 생성하는 코드 특성 반영: React + TailwindCSS + shadcn/ui 컴포넌트 중심, Next.js(App Router) 기반 -&nbsp;<a target="_blank" href="http://v0.dev/">v0.dev</a>&nbsp;생태계에서 주로 논의되는 UX/UI, 성능 같은 항목 포함 **&nbsp;v0.dev&nbsp;PRD Generator (Pro Ver.):&nbsp;<a target="_blank" href="https://www.superpm.app/prompt/38">https://www.superpm.app/prompt/38</a><p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;** 영상 속에 나온 PRD 예시 링크: &quot;},{&quot;type&quot;:&quot;anchor&quot;,&quot;url&quot;:&quot;https://chatgpt.com/share/687bf74b-5c44-8012-952b-d53edb936318&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;https://chatgpt.com/share/687bf74b-5c44-8012-952b-d53edb936318&quot;}],&quot;target&quot;:&quot;_blank&quot;}]}">** 영상 속에 나온 PRD 예시 링크:&nbsp;<a target="_blank" href="https://chatgpt.com/share/687bf74b-5c44-8012-952b-d53edb936318">https://chatgpt.com/share/687bf74b-5c44-8012-952b-d53edb936318</a>Links<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;- Linkedin: &quot;},{&quot;type&quot;:&quot;anchor&quot;,&quot;url&quot;:&quot;https://www.linkedin.com/in/yongjinjin/&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;https://www.linkedin.com/in/yongjinjin&quot;}],&quot;target&quot;:&quot;_blank&quot;}]}">- Linkedin:&nbsp;<a target="_blank" href="https://www.linkedin.com/in/yongjinjin/">https://www.linkedin.com/in/yongjinjin</a><p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;- Instagram: &quot;},{&quot;type&quot;:&quot;anchor&quot;,&quot;url&quot;:&quot;https://www.instagram.com/pm.lens&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;https://www.instagram.com/pm.lens&quot;}],&quot;target&quot;:&quot;_blank&quot;}]}">- Instagram:&nbsp;<a target="_blank" href="https://www.instagram.com/pm.lens">https://www.instagram.com/pm.lens</a><p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;- NewLetter: &quot;},{&quot;type&quot;:&quot;anchor&quot;,&quot;url&quot;:&quot;https://maily.so/7ish&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;https://maily.so/7ish&quot;}],&quot;target&quot;:&quot;_blank&quot;}]}">- NewLetter:&nbsp;<a target="_blank" href="https://maily.so/7ish">https://maily.so/7ish</a><p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;- Youtube: &quot;},{&quot;type&quot;:&quot;anchor&quot;,&quot;url&quot;:&quot;https://www.youtube.com/@YongjinJin&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#00c6be&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;https://www.youtube.com/@YongjinJin&quot;}],&quot;styleType&quot;:&quot;underline&quot;}],&quot;styleType&quot;:&quot;underline&quot;}]}],&quot;target&quot;:&quot;_blank&quot;}]}">- Youtube:&nbsp;<a target="_blank" href="https://www.youtube.com/@YongjinJin">https://www.youtube.com/@YongjinJin</a></div></div>

진용진

v0.dev를 이용해서 바이브 코딩할때 활용할 수 있도록 PRD 프롬프트를 작성했습니다. AI 프로토타이핑의 워크플로우에 대해서 테스트를 해보고 있고, PRD를 통해 초기 프로토타입을 안정적으로 생성하기 위한 의도로 보시면 될 것 같습니다. 고려했던 사항들은 아래와 같습니다.- “무엇을 만들 것인가” & “어떻게 만들 것인가” 같이 고려- v0.dev가 생

PRD 프롬프트 - v0.dev

댓글