"use strict";(self.webpackChunknewoaks_help=self.webpackChunknewoaks_help||[]).push([[4332],{1463:(e,n,i)=>{i(6540),i(4848)},6537:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>c,contentTitle:()=>d,default:()=>u,frontMatter:()=>l,metadata:()=>s,toc:()=>a});const s=JSON.parse('{"id":"vibe-coding","title":"Vibe-Coding 101","description":"Principles of Vibe Code Development","source":"@site/userGuide/vibe-coding.md","sourceDirName":".","slug":"/vibe-coding","permalink":"/guides/user/vibe-coding","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":5,"frontMatter":{"sidebar_position":5},"sidebar":"sidebar","previous":{"title":"User Guide Introduction","permalink":"/guides/user/intro"},"next":{"title":"Introduction","permalink":"/guides/user/category/introduction"}}');var t=i(4848),r=i(8453),o=(i(1463),i(8175));const l={sidebar_position:5},d="Vibe-Coding 101",c={},a=[{value:"Principles of Vibe Code Development",id:"principles-of-vibe-code-development",level:2}];function h(e){const n={h1:"h1",h2:"h2",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"vibe-coding-101",children:"Vibe-Coding 101"})}),"\n",(0,t.jsx)(n.h2,{id:"principles-of-vibe-code-development",children:"Principles of Vibe Code Development"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"How to Use EZsite to Become a Successful Vibe-Coding Developer."})}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Be Precise."}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsxs)(n.strong,{children:["Ensure that you give ",(0,t.jsx)(o.A,{})," only one task at a time"]}),".","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Break complex tasks into smaller tasks."}),"\n",(0,t.jsx)(n.li,{children:"It is very challenging for today's programming agents to handle multiple complex tasks simultaneously."}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.li,{children:"Make your prompts specific and detailed."}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Be Well-Organized."}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Keep your project tidy.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Add features step by step"}),"."]}),"\n",(0,t.jsx)(n.li,{children:"Test features after each addition."}),"\n",(0,t.jsx)(n.li,{children:"Roll back when something breaks."}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.li,{children:"Start with a fresh session for each new feature."}),"\n",(0,t.jsx)(n.li,{children:"Do not hesitate to return to your last working version."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"If you continuously accumulate unstable code and features, you are likely to fall into chaos, which will hinder your steady progress."}),"\n",(0,t.jsxs)(n.ol,{start:"3",children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Most Important Advice: Be Patient."}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Build an understanding of the app and its components. Even if you have no programming knowledge, establish an understanding of the application and its components.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(o.A,{})," explains the rationale behind each action."]}),"\n",(0,t.jsxs)(n.li,{children:["Read the output of ",(0,t.jsx)(o.A,{})," to learn everything about the app."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.li,{children:"Review suggestions before accepting them."}),"\n",(0,t.jsx)(n.li,{children:"Be patient while debugging. Even the best software developers spend most of their time debugging."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{})]})}function u(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},8175:(e,n,i)=>{i.d(n,{A:()=>t});i(6540);var s=i(4848);function t(){return(0,s.jsx)("code",{children:"EZsite"})}},8453:(e,n,i)=>{i.d(n,{R:()=>o,x:()=>l});var s=i(6540);const t={},r=s.createContext(t);function o(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);