{"_id":"6994495014f628c7576340c7","order":150016,"title":{"card":"Vibe Coding","page":"Vibe Coding","_id":"6adf020c9133391546ad5399"},"description":"Step-by-step guide to master Vibe Coding in @currentYear@","slug":"vibe-coding","status":"published","nodes":[{"id":"HLe584966_JgW5JZVncyu","type":"horizontal","position":{"x":-491.80031541876815,"y":836.4864452894017},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"horizontal node","style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"}},"zIndex":999,"measured":{"width":357,"height":20},"dragging":false,"width":357,"height":20,"resizing":false,"focusable":true},{"id":"0w_riMBgN5LSG0so2hnuE","type":"horizontal","position":{"x":-490.9386899261299,"y":2069.4864452894017},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"horizontal node","style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"},"oldId":"HLe584966_JgW5JZVncyu"},"zIndex":999,"measured":{"width":355,"height":20},"dragging":false,"width":355,"height":20,"resizing":false,"focusable":true},{"id":"D0dI_Mvapz5dkfqgDHX--","type":"horizontal","position":{"x":-484.7644599788903,"y":1844.486445289402},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"horizontal node","style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"},"oldId":"HLe584966_JgW5JZVncyu"},"zIndex":999,"measured":{"width":351,"height":20},"dragging":false,"width":351,"height":20,"resizing":false,"focusable":true},{"id":"G5QPHEl2vmmiDWmaV9k_A","type":"horizontal","position":{"x":-487.2226976989218,"y":1604.486445289402},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"horizontal node","style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"},"oldId":"HLe584966_JgW5JZVncyu"},"zIndex":999,"measured":{"width":354,"height":20},"dragging":false,"width":354,"height":20,"resizing":false,"focusable":true},{"id":"FGayx3WjV8yJSzo2t6ZeT","type":"horizontal","position":{"x":-490.9386899261299,"y":1357.0111619204472},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"horizontal node","style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"},"oldId":"HLe584966_JgW5JZVncyu"},"zIndex":999,"measured":{"width":357,"height":20},"dragging":false,"width":357,"height":20,"resizing":false,"focusable":true},{"id":"P4qIsxcu4qG_4hr89_qtC","type":"horizontal","position":{"x":-473.6562421081181,"y":325.0111619204471},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"horizontal node","style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"},"oldId":"HLe584966_JgW5JZVncyu"},"zIndex":999,"measured":{"width":341,"height":20},"dragging":false,"width":341,"height":20,"resizing":false,"focusable":true},{"id":"L2Zl-8ab7WyLOsT5tSCc7","type":"horizontal","position":{"x":-480.2226976989218,"y":569.4809795978272},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"horizontal node","style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"},"oldId":"HLe584966_JgW5JZVncyu"},"zIndex":999,"measured":{"width":344,"height":20},"dragging":false,"width":344,"height":20,"resizing":false,"focusable":true},{"id":"4_1icxVTzqa1edfrLjBux","type":"horizontal","position":{"x":-487.2226976989218,"y":990.9407630081794},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"horizontal node","style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"},"oldId":"HLe584966_JgW5JZVncyu"},"zIndex":999,"measured":{"width":351,"height":20},"dragging":false,"width":351,"height":20,"resizing":false,"focusable":true},{"id":"VBe0OYUEv4uSgk20l-Xeo","type":"vertical","position":{"x":-143.65624210811808,"y":334.0111619204471},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"vertical node","style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"}},"zIndex":999,"measured":{"width":20,"height":2057},"width":20,"height":2057,"resizing":false,"dragging":false,"focusable":true},{"id":"J5F4L4N2TqUaIBZcJ4ohB","type":"horizontal","position":{"x":-512.1314720452491,"y":102.6636133754909},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"horizontal node","style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"}},"zIndex":999,"measured":{"width":179,"height":20},"width":179,"height":20,"resizing":false,"dragging":false,"focusable":true},{"id":"-hMe4rZFP2tNx2EspNISu","type":"section","position":{"x":-335.6598004984543,"y":-68.77238424461837},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"","style":{"fontSize":17,"backgroundColor":"#ffffff","borderColor":"#000000"}},"zIndex":-999,"width":330,"height":329,"style":{"width":150,"height":100},"measured":{"width":330,"height":329},"dragging":false,"resizing":false,"focusable":true},{"id":"hJTqFZ1Ot21tzcUzmnOxo","type":"title","position":{"x":-703.6274368559735,"y":-44.92708680827377},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Vibe Coding","style":{"fontSize":28,"justifyContent":"flex-start","textAlign":"center"}},"zIndex":999,"measured":{"width":194,"height":68},"dragging":false,"focusable":true},{"id":"eHTAipqvkeuViUWq6jByT","type":"vertical","position":{"x":-616.6274368559735,"y":-122.58345077353724},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"vertical node","style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"}},"zIndex":999,"width":20,"height":71,"measured":{"width":20,"height":71},"dragging":false,"resizing":true,"focusable":true},{"id":"yHmHXymPNWwu8p1vvqD3o","type":"paragraph","position":{"x":11.07802322879462,"y":-68.77238424461837},"selected":false,"data":{"label":"Find the detailed version of this roadmap along with other similar roadmaps","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"left","borderColor":"#ffffff","backgroundColor":"#ffffff"}},"zIndex":999,"width":352,"height":152,"positionAbsolute":{"x":-14.502815208049242,"y":-270.15106699547107},"dragging":false,"selectable":true,"focusable":true,"style":{"width":355,"height":143},"resizing":false,"measured":{"width":352,"height":152}},{"id":"2zqZkyVgigifcRS1H7F_b","type":"button","position":{"x":28.57802322879462,"y":17.272790285171652},"selected":false,"data":{"label":"roadmap.sh","href":"https://roadmap.sh","color":"#000000","backgroundColor":"#e3e3e3","style":{"fontSize":17}},"zIndex":999,"width":330,"height":49,"dragging":false,"style":{"width":330,"height":49},"resizing":false,"positionAbsolute":{"x":-1.2994407952490974,"y":-188.1655035777258},"selectable":true,"focusable":true,"measured":{"width":330,"height":49}},{"width":569,"height":115,"id":"0vLaVNJaJSHZ_bHli6Qzs","type":"paragraph","position":{"x":-420.92320831875736,"y":2385.1473623289207},"selected":false,"data":{"label":"Continue Learning with following relevant tracks","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center","borderColor":"#000000","backgroundColor":"WHITe"},"oldId":"m9eO0jLGuR_9w2JJbe_g2"},"zIndex":999,"positionAbsolute":{"x":-264.6944045771742,"y":2625.163242675726},"dragging":false,"style":{"width":410,"height":119},"resizing":false,"focusable":true,"measured":{"width":569,"height":115},"selectable":true},{"width":21,"height":85,"id":"RLtk1C3gofHnLJ17x3o5b","type":"vertical","position":{"x":-146.22269769892182,"y":2505.741614304306},"selected":false,"data":{"label":"vertical node","style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"},"oldId":"ExXFPDHXtcOMcvZttzxvD"},"zIndex":999,"positionAbsolute":{"x":-71.75829520557221,"y":2748.163242675726},"dragging":false,"focusable":true,"style":{"width":21,"height":85},"resizing":false,"measured":{"width":21,"height":85},"selectable":true},{"width":175,"height":49,"id":"slf6jmim4p9ti6ZRHOZe_","type":"button","position":{"x":-405.9386899261299,"y":2439.2930197620303},"selected":false,"data":{"label":"Claude Code","href":"https://roadmap.sh/claude-code","color":"#FFFFFf","backgroundColor":"#4136D6","style":{"fontSize":17},"borderColor":"#4136D6","oldId":"-sFboM4eFUMVq1tlPl-fV"},"zIndex":999,"dragging":false,"positionAbsolute":{"x":11.058722960661697,"y":2679.3089001088356},"style":{"width":120,"height":49},"focusable":true,"resizing":false,"measured":{"width":175,"height":49},"selectable":true},{"width":175,"height":49,"id":"2ISyYe70R3Vc2I3juqCGw","type":"button","position":{"x":-226.93868992612988,"y":2439.2930197620303},"selected":false,"data":{"label":"AI Engineer","href":"https://roadmap.sh/ai-engineer","color":"#FFFFFf","backgroundColor":"#4136D6","style":{"fontSize":17},"borderColor":"#4136D6","oldId":"Df3nTlTvSQkMGzpufRo9q"},"zIndex":999,"dragging":false,"positionAbsolute":{"x":11.058722960661697,"y":2679.3089001088356},"style":{"width":120,"height":49},"focusable":true,"resizing":false,"measured":{"width":175,"height":49},"selectable":true},{"id":"LdhFo8UrT6EBs6IE42uLx","type":"linksgroup","position":{"x":12.07802322879462,"y":77.22761575538163},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Related Roadmaps","links":[{"id":"qH0LPtPGcn4Lc1RhXwKVp","label":"Claude Code Roadmap","href":"","url":"https://roadmap.sh/claude-code"},{"id":"lYZdNGa-RbSvjTZyyfsHK","label":"AI Engineer Roadmap","url":"https://roadmap.sh/ai-engineer"},{"id":"iEl2hP_MdzYqgWJV_gVVr","label":"Prompt Engineering","url":"https://roadmap.sh/prompt-engineering"},{"id":"u-kAuEWCb-IpLIAToHmSK","label":"AI Agents Roadmap","url":"https://roadmap.sh/ai-agents"}]},"zIndex":999,"measured":{"width":356,"height":182},"dragging":false,"width":356,"height":182,"resizing":false,"focusable":true},{"id":"lzHnwx_3gftRZbstk6INB","type":"topic","position":{"x":-738.6274368559735,"y":88.1636133754909},"selected":false,"data":{"label":"What is vibe coding?","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"}},"width":264,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":264,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true,"resizing":false},{"id":"LkLQ8GjBXDuw1XsrE4Cjj","type":"topic","position":{"x":-738.6274368559735,"y":141.1636133754909},"selected":false,"data":{"label":"The vibe coder mindset","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"DjbYhSENk8A7tVyBiFYhQ"},"width":264,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":264,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"wr5ddjutC-fX_ixysTHaT","type":"subtopic","position":{"x":-323.6562421081181,"y":-4.825019288841702},"selected":false,"data":{"label":"Claude Code","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"}},"width":150,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":150,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"hzeEo8COf2l07iu5EdlFo","type":"subtopic","position":{"x":-169.65624210811808,"y":-4.825019288841702},"selected":false,"data":{"label":"Gemini","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"}},"width":150,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":150,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true,"resizing":false},{"id":"Xsl8mx6J182TxPPtNP471","type":"subtopic","position":{"x":-323.6562421081181,"y":101.17498071115828},"selected":false,"data":{"label":"Devin","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"}},"width":150,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":150,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"MWhoqhNnBaoeCdN_8i15k","type":"subtopic","position":{"x":-169.65624210811808,"y":48.17498071115827},"selected":false,"data":{"label":"Cursor","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"}},"width":150,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":150,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"eX9-1I_hC2zwJNiBYXFu6","type":"subtopic","position":{"x":-323.6562421081181,"y":193.0616405748195},"selected":false,"data":{"label":"v0","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"_vsbtytyg7ASw6TVKAU6S"},"width":150,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":150,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"5WogJrcXhNXewsXzSAME7","type":"subtopic","position":{"x":-169.65624210811808,"y":193.0616405748195},"selected":false,"data":{"label":"Lovable","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"Ubk4GN0Z4XlDJ3EbRXdxg"},"width":150,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":150,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"Ubk4GN0Z4XlDJ3EbRXdxg","type":"subtopic","position":{"x":-169.65624210811808,"y":101.17498071115828},"selected":false,"data":{"label":"Copilot","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"}},"width":150,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":150,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"D_UfkD8c3zjmOzl2FWqg2","type":"label","position":{"x":-272.6598004984543,"y":-51.58345077353724},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"AI Assisted Coding Tools","style":{"fontSize":17},"href":"","color":"#000000","oldId":"jNuYPLUdJDr8ivsE9dwU_"},"zIndex":999,"measured":{"width":204,"height":37},"dragging":false,"focusable":true},{"id":"jNuYPLUdJDr8ivsE9dwU_","type":"label","position":{"x":-249.65980049845427,"y":155.0616405748195},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Frontend-Focused","style":{"fontSize":17},"href":"","color":"#000000"},"zIndex":999,"measured":{"width":158,"height":37},"dragging":false,"focusable":true},{"width":175,"height":49,"id":"Df3nTlTvSQkMGzpufRo9q","type":"button","position":{"x":-47.93868992612988,"y":2439.2930197620303},"selected":false,"data":{"label":"AI Agents","href":"https://roadmap.sh/ai-agents","color":"#FFFFFf","backgroundColor":"#4136D6","style":{"fontSize":17},"borderColor":"#4136D6","oldId":"-sFboM4eFUMVq1tlPl-fV"},"zIndex":999,"dragging":false,"positionAbsolute":{"x":11.058722960661697,"y":2679.3089001088356},"style":{"width":120,"height":49},"focusable":true,"resizing":false,"measured":{"width":175,"height":49},"selectable":true},{"id":"pfgsxuQ-D7dTMPNWKG9OY","type":"topic","position":{"x":-738.6274368559735,"y":314.0111619204471},"selected":false,"data":{"label":"Plan before you Code","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"DjbYhSENk8A7tVyBiFYhQ"},"width":264,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":264,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"OPHuAD0L-GZ6zRhIhbmPL","type":"todo","position":{"x":-749.6801562444155,"y":384.5831801961953},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Plan what you need to develop (MVP, Different Phases)","style":{"fontSize":17},"oldId":"ykrKZ_7Jxn4AxpZe8AhN_"},"zIndex":999,"measured":{"width":465,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"CJV5OV_Whoz4_7L8yhDG1","type":"todo","position":{"x":-749.6801562444155,"y":422.5831801961953},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Work step by step rather than trying to build everything at once","style":{"fontSize":17},"oldId":"ODqMzOAN1je004chwATTl"},"zIndex":999,"measured":{"width":525,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"ODqMzOAN1je004chwATTl","type":"todo","position":{"x":-749.6801562444155,"y":460.5831801961953},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Illustrate AI with examples (mockups, code samples, images)","style":{"fontSize":17}},"zIndex":999,"measured":{"width":509,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"0Z5DkfaD0zv-R9SwKTpdD","type":"paragraph","position":{"x":-107.92197677120538,"y":363.0111619204471},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"For example if you are using \"Claude Code\", tell the tool what you are trying to build, ask it to help refine the idea, establish the different phases, and once done ask it to document everything in a document so that you can refer to that when actually building the product.","style":{"fontSize":17,"borderColor":"#ffffff","backgroundColor":"#ffffff","color":"#000000","textAlign":"left","justifyContent":"center","padding":16},"oldId":"J5tFxtigM1kgigpkwxgzq"},"zIndex":999,"measured":{"width":474,"height":151},"dragging":false,"width":474,"height":151,"resizing":false,"focusable":true},{"id":"1V1Z94mWfQkZkxJ_gLWnA","type":"label","position":{"x":-107.92197677120538,"y":316.66572843879584},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"AI Tools can Help with Planning","style":{"fontSize":20},"href":"","color":"#000000","oldId":"wvox8P3JLVUAsmLnFArC4"},"zIndex":999,"measured":{"width":297,"height":42},"dragging":false,"focusable":true},{"id":"GC4vVcOcFWE1RByD-sd4G","type":"topic","position":{"x":-738.6274368559735,"y":554.9809795978272},"selected":false,"data":{"label":"Tech Stack and Coding","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"DjbYhSENk8A7tVyBiFYhQ"},"width":264,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":264,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"7mAZMKyiuZiEpKhrydp8J","type":"todo","position":{"x":-749.6801562444155,"y":610.4692464457826},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Pick a popular tech stack rather than new/niche ones","style":{"fontSize":17},"oldId":"CMnz6UFUGbxIGSH06ZdgH"},"zIndex":999,"measured":{"width":464,"height":42},"dragging":false,"resizing":false,"focusable":true,"width":464,"height":42},{"id":"QBeh16mppfb2s4OGt4aPy","type":"todo","position":{"x":-749.6801562444155,"y":649.4692464457826},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"If you have style/coding preferences, document them for AI","style":{"fontSize":17},"oldId":"5w1OTzddzAFMFg5hlo3Sv"},"zIndex":999,"measured":{"width":498,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"FoQ15wo0cV2Tntru6jV-1","type":"todo","position":{"x":-749.6801562444155,"y":688.4692464457826},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Ask AI to keep the code modular and aim for smaller modules/files","style":{"fontSize":17},"oldId":"GX1i0IlloOwsK4wW-CLSF"},"zIndex":999,"measured":{"width":553,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"fgjB9KJIBeeCHgMmN_pws","type":"label","position":{"x":-107.92197677120538,"y":553.6657284387959},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Establishing Standards Early is Important","style":{"fontSize":20},"href":"","color":"#000000","oldId":"wvox8P3JLVUAsmLnFArC4"},"zIndex":999,"measured":{"width":384,"height":42},"dragging":false,"focusable":true},{"id":"qq_Q7rete4AcvWd2RnCw_","type":"paragraph","position":{"x":-107.92197677120538,"y":595.6657284387959},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"When you're starting out, carefully review the AI's initial outputs - coding patterns, styles, architecture decisions. If you don't catch bad habits early, the AI will reinforce them with every iteration, and they'll compound fast.","style":{"fontSize":17,"borderColor":"transparent","backgroundColor":"#ffffff","color":"#000000","textAlign":"left","justifyContent":"center","padding":16},"oldId":"J5tFxtigM1kgigpkwxgzq"},"zIndex":999,"measured":{"width":474,"height":133},"dragging":false,"width":474,"height":133,"resizing":false,"focusable":true},{"id":"NtQDPno95SYo5E88ls4v1","type":"todo","position":{"x":-749.6801562444155,"y":727.4692464457826},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Regularly ask the AI to review and refactor the codebase","style":{"fontSize":17},"oldId":"bnpY9GX1BGjDPJXwTFWTX"},"zIndex":999,"measured":{"width":479,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"cr3_xbJvx06eZqsTTFFcZ","type":"paragraph","position":{"x":-107.92197677120538,"y":977.6657284387959},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"AI will take the path of least resistance (appending code, growing files, skipping cleanup). Periodically ask it to step back and refactor: break things into smaller modules, remove dead code, improve performance.","style":{"fontSize":17,"borderColor":"#ffffff","backgroundColor":"#ffffff","color":"#000000","textAlign":"left","justifyContent":"center","padding":16},"oldId":"J5tFxtigM1kgigpkwxgzq"},"zIndex":999,"measured":{"width":472,"height":128},"dragging":false,"width":472,"height":128,"resizing":false,"focusable":true},{"id":"5A6PwFtJdyI5a-wMyjcrn","type":"label","position":{"x":-107.92197677120538,"y":935.6657284387959},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Force refactoring sessions regularly","style":{"fontSize":20},"href":"","color":"#000000","oldId":"wvox8P3JLVUAsmLnFArC4"},"zIndex":999,"measured":{"width":339,"height":42},"dragging":false,"focusable":true},{"id":"6GvIXEzWbSD8q6Qt-BsHP","type":"topic","position":{"x":-738.6274368559735,"y":976.4407630081794},"selected":false,"data":{"label":"Prompting Best Practices","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"DjbYhSENk8A7tVyBiFYhQ"},"width":264,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":264,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"JXtLbQ1JUQOPZorFy1ctF","type":"todo","position":{"x":-749.6801562444155,"y":1083.4407630081794},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Be specific about what you want, rather than high-level, vague instructions","style":{"fontSize":17},"oldId":"CMnz6UFUGbxIGSH06ZdgH"},"zIndex":999,"measured":{"width":609,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"HpbG5bcOEIZxYlVl9pwod","type":"todo","position":{"x":-749.6801562444155,"y":1045.4407630081794},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Ask for one task at a time rather than five different items.","style":{"fontSize":17},"oldId":"5w1OTzddzAFMFg5hlo3Sv"},"zIndex":999,"measured":{"width":476,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"3lHMW2Uje5tQawetE4I21","type":"todo","position":{"x":-749.6801562444155,"y":1121.4407630081794},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Based on your previous coding sessions, tell AI what NOT to do","style":{"fontSize":17},"oldId":"GX1i0IlloOwsK4wW-CLSF"},"zIndex":999,"measured":{"width":527,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"6kVVt2lihBW8tPGV-ll3_","type":"todo","position":{"x":-749.6801562444155,"y":1159.4407630081794},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Give AI mockups, reference files and material that can help it","style":{"fontSize":17},"oldId":"qUPHvJfPqjoifJhtRFp5L"},"zIndex":999,"measured":{"width":510,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"h2oehkZSKfMqlVBAgt46P","type":"todo","position":{"x":-749.6801562444155,"y":1197.4407630081794},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Use \"act as\" framing when helpful (e.g. act as a UX researcher)","style":{"fontSize":17},"oldId":"6V0Vha3o9XTWx4fOtGv0O"},"zIndex":999,"measured":{"width":528,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"bnpY9GX1BGjDPJXwTFWTX","type":"todo","position":{"x":-749.6801562444155,"y":765.4407630081794},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Use skills created by others","style":{"fontSize":17},"oldId":"ykrKZ_7Jxn4AxpZe8AhN_"},"zIndex":999,"measured":{"width":256,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"WypEm84Rr0t-IzCZiU92q","type":"todo","position":{"x":-749.6801562444155,"y":1235.4407630081794},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Regularly update your context document (e.g. CLAUDE.md)","style":{"fontSize":17},"oldId":"IZXUehOoPI7MPQnTTS_n3"},"zIndex":999,"measured":{"width":497,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"QLaDMi5MGg6Vqg4niE5MR","type":"label","position":{"x":-107.92197677120538,"y":1152.665728438796},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Keep Context Document Up to Date","style":{"fontSize":20},"href":"","color":"#000000","oldId":"wvox8P3JLVUAsmLnFArC4"},"zIndex":999,"measured":{"width":341,"height":42},"dragging":false,"focusable":true},{"id":"k6OwmlDJzCNBKhz-aMmyd","type":"paragraph","position":{"x":-107.92197677120538,"y":1194.665728438796},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"If you see yourself repeating some instructions, document the instructions in the context document. One more thing that helps is: after a discussion session if you feel like AI can benefit from learnings in the session, ask it to update the context document (e.g. claude.md) with the learnings from the session.","style":{"fontSize":17,"borderColor":"transparent","backgroundColor":"#ffffff","color":"#000000","textAlign":"left","justifyContent":"center","padding":16},"oldId":"J5tFxtigM1kgigpkwxgzq"},"zIndex":999,"measured":{"width":472,"height":165},"dragging":false,"width":472,"height":165,"resizing":false,"focusable":true},{"id":"17nFgML7zVjQYiHIOSLlK","type":"todo","position":{"x":-749.6801562444155,"y":1273.4407630081794},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Explicitly tell AI to \"think\" or \"brainstorm\" before complex problems","style":{"fontSize":17},"oldId":"7kqCBzJuZeCB2kJCqo4fL"},"zIndex":999,"measured":{"width":550,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"0ZJrFxKo5HyD9OgzG5LWp","type":"topic","position":{"x":-738.6274368559735,"y":1344.986445289402},"selected":false,"data":{"label":"Context","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"DjbYhSENk8A7tVyBiFYhQ"},"width":264,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":264,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"ikp1O_sss_6hDGl6p8LNJ","type":"todo","position":{"x":-749.6801562444155,"y":1445.1405161079263},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"If AI fails after 3 prompts, stop, and start a fresh chat","style":{"fontSize":17},"oldId":"n5JxUpashrHKai2XESdd-"},"zIndex":999,"measured":{"width":446,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"CMnz6UFUGbxIGSH06ZdgH","type":"todo","position":{"x":-749.6801562444155,"y":1407.1405161079263},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Leverage long context window when available and necessary","style":{"fontSize":17},"oldId":"ykrKZ_7Jxn4AxpZe8AhN_"},"zIndex":999,"measured":{"width":512,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"phtVEKzIUv9E1abazort0","type":"todo","position":{"x":-749.6801562444155,"y":1483.1405161079263},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"For unrelated tasks, proactively clean and start new sessions","style":{"fontSize":17},"oldId":"n5JxUpashrHKai2XESdd-"},"zIndex":999,"measured":{"width":508,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"n5JxUpashrHKai2XESdd-","type":"todo","position":{"x":-749.6801562444155,"y":1521.1405161079263},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Ask AI to use subagents, if possible","style":{"fontSize":17},"oldId":"CMnz6UFUGbxIGSH06ZdgH"},"zIndex":999,"measured":{"width":314,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"VkipcGcTEIgpYOfaS8IPl","type":"label","position":{"x":-107.92197677120538,"y":1394.665728438796},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Clear Context Regularly","style":{"fontSize":20},"href":"","color":"#000000","oldId":"wvox8P3JLVUAsmLnFArC4"},"zIndex":999,"measured":{"width":231,"height":42},"dragging":false,"focusable":true},{"id":"ORjzGvNnIA0195OStg_95","type":"paragraph","position":{"x":-107.92197677120538,"y":1436.665728438796},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Clear context for better results and to save token costs. Whenever you are about to start a new/unrelated task, it's better to clear the context and start fresh.","style":{"fontSize":17,"borderColor":"#ffffff","backgroundColor":"#ffffff","color":"#000000","textAlign":"left","justifyContent":"center","padding":16},"oldId":"J5tFxtigM1kgigpkwxgzq"},"zIndex":999,"measured":{"width":474,"height":102},"dragging":false,"width":474,"height":102,"resizing":false,"focusable":true},{"id":"wvox8P3JLVUAsmLnFArC4","type":"label","position":{"x":-107.92197677120538,"y":1616.665728438796},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Let AI Debug, But Understand what Went Wrong","style":{"fontSize":20},"href":"","color":"#000000"},"zIndex":999,"measured":{"width":448,"height":42},"dragging":false,"focusable":true},{"id":"J5tFxtigM1kgigpkwxgzq","type":"paragraph","position":{"x":-107.92197677120538,"y":1660.486445289402},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"When something breaks, paste the error and relevant code and ask AI to explain the error. Don't just accept the fix — make sure you understand it. If you don't, ask AI it to explain in simple terms.","style":{"fontSize":17,"borderColor":"#ffffff","backgroundColor":"#ffffff","color":"#000000","textAlign":"left","justifyContent":"center","padding":16}},"zIndex":999,"measured":{"width":472,"height":126},"dragging":false,"width":472,"height":126,"resizing":false,"focusable":true},{"id":"mHChjJd39ofwPBS-v_sQY","type":"topic","position":{"x":-738.6274368559735,"y":1589.986445289402},"selected":false,"data":{"label":"Debugging","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"0ZJrFxKo5HyD9OgzG5LWp"},"width":264,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":264,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"cz--AlEn0cc2-keXeuk9g","type":"todo","position":{"x":-749.6801562444155,"y":1690.1405161079263},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"If errors persist, ask Al to create a list of possible causes","style":{"fontSize":17},"oldId":"ikp1O_sss_6hDGl6p8LNJ"},"zIndex":999,"measured":{"width":478,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"GW5I1z7D1945AxqYHbW6F","type":"todo","position":{"x":-749.6801562444155,"y":1652.1405161079263},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Prompt error messages and let AI do the rest","style":{"fontSize":17},"oldId":"CMnz6UFUGbxIGSH06ZdgH"},"zIndex":999,"measured":{"width":392,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"vnm51qAe2C1cszHfh-o6P","type":"todo","position":{"x":-749.6801562444155,"y":1728.1405161079263},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Tell AI to add logs to find the bug faster","style":{"fontSize":17},"oldId":"phtVEKzIUv9E1abazort0"},"zIndex":999,"measured":{"width":344,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"KVb_TAsSD8Kgafij4iEXc","type":"todo","position":{"x":-749.6801562444155,"y":1766.1405161079263},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Install and ask AI to use MCP (e.g. Playwright for browser), when possible","style":{"fontSize":17},"oldId":"n5JxUpashrHKai2XESdd-"},"zIndex":999,"measured":{"width":602,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"q5lkCO_uGmkcJopjltg8j","type":"topic","position":{"x":-738.6274368559735,"y":1829.986445289402},"selected":false,"data":{"label":"Master Version Control","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"0ZJrFxKo5HyD9OgzG5LWp"},"width":264,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":264,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"ScizaxaDFQ_OBiFZ540Xs","type":"todo","position":{"x":-749.6801562444155,"y":1930.1405161079263},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Start each new feature with a clean Git slate","style":{"fontSize":17},"oldId":"ikp1O_sss_6hDGl6p8LNJ"},"zIndex":999,"measured":{"width":383,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"wWs2PxN7T2-gDZNJJ1vTq","type":"todo","position":{"x":-749.6801562444155,"y":1892.1405161079263},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Use `git commit` regularly (e.g. after every successful AI task)","style":{"fontSize":17},"oldId":"CMnz6UFUGbxIGSH06ZdgH"},"zIndex":999,"measured":{"width":508,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"upZAMDEtzq1VklqTKG5mV","type":"todo","position":{"x":-749.6801562444155,"y":1968.1405161079263},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"If you need to revert, use Git rather than AI native revert functionality","style":{"fontSize":17},"oldId":"phtVEKzIUv9E1abazort0"},"zIndex":999,"measured":{"width":560,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"vDSSzh5TwZ8zzY0rWRXu4","type":"todo","position":{"x":-749.6801562444155,"y":2006.1405161079265},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Ask AI to handle your Git and GitHub CLI tasks","style":{"fontSize":17},"oldId":"n5JxUpashrHKai2XESdd-"},"zIndex":999,"measured":{"width":399,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"4bJRhuZzVc32x2Y0gGGrh","type":"topic","position":{"x":-738.6274368559735,"y":2054.9864452894017},"selected":false,"data":{"label":"Testing","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"mHChjJd39ofwPBS-v_sQY"},"width":264,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":264,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"Gr9WJ0tNmSsVHSA0Cx3xY","type":"todo","position":{"x":-749.6801562444155,"y":2155.1405161079265},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Consider Test-driven development (TDD)","style":{"fontSize":17},"oldId":"cz--AlEn0cc2-keXeuk9g"},"zIndex":999,"measured":{"width":355,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"WLOx62vbIhIlv73jcT8zM","type":"todo","position":{"x":-749.6801562444155,"y":2117.1405161079265},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Ask AI to write tests (E2E tests can help build a stable product)","style":{"fontSize":17},"oldId":"GW5I1z7D1945AxqYHbW6F"},"zIndex":999,"measured":{"width":518,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"r-LrA1cGR1XMu1p2xIsN0","type":"todo","position":{"x":-749.6801562444155,"y":2193.1405161079265},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"When you find a bug, ask AI to write a breaking test and then fix","style":{"fontSize":17},"oldId":"vnm51qAe2C1cszHfh-o6P"},"zIndex":999,"measured":{"width":526,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"9BSermDg6ODL2MSRQiDZo","type":"todo","position":{"x":-749.6801562444155,"y":2241.1405161079265},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Once tests are in place, refactor regularly","style":{"fontSize":17},"oldId":"KVb_TAsSD8Kgafij4iEXc"},"zIndex":999,"measured":{"width":357,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"2omItZjkVFW9kMiNXdt-h","type":"topic","position":{"x":-738.6274368559735,"y":821.9864452894017},"selected":false,"data":{"label":"Security Best Practices","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"4bJRhuZzVc32x2Y0gGGrh"},"width":264,"height":49,"style":{"width":300,"height":54.5},"measured":{"width":264,"height":49},"zIndex":999,"dragging":false,"selectable":true,"focusable":true},{"id":"aRnpJbSUg_rr9Z00RafYt","type":"todo","position":{"x":-749.6801562444155,"y":922.1405161079265},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Never hardcode or credentials; use env variables instead","style":{"fontSize":17},"oldId":"Gr9WJ0tNmSsVHSA0Cx3xY"},"zIndex":999,"measured":{"width":484,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"8VL5XHFrQUjin1pdAi7WZ","type":"todo","position":{"x":-749.6801562444155,"y":884.1405161079265},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Explicitly ask AI to perform a security audit of the application","style":{"fontSize":17},"oldId":"WLOx62vbIhIlv73jcT8zM"},"zIndex":999,"measured":{"width":505,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"mBVnmXf0-SFbdVK8aLLUT","type":"label","position":{"x":-107.92197677120538,"y":1848.665728438796},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Commit Often, With Clear Messages","style":{"fontSize":20},"href":"","color":"#000000","oldId":"VkipcGcTEIgpYOfaS8IPl"},"zIndex":999,"measured":{"width":342,"height":42},"dragging":false,"focusable":true},{"id":"J8EKetjt7IVYFBUzOmuVb","type":"paragraph","position":{"x":-107.92197677120538,"y":1890.665728438796},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"After each working feature or fix, make a commit. Ask AI to suggest a clear commit message that describes what changed and why. This gives you a safe checkpoint to roll back to if something goes wrong later.","style":{"fontSize":17,"borderColor":"#ffffff","backgroundColor":"#ffffff","color":"#000000","textAlign":"left","justifyContent":"center","padding":16},"oldId":"ORjzGvNnIA0195OStg_95"},"zIndex":999,"measured":{"width":472,"height":133},"dragging":false,"width":472,"height":133,"resizing":false,"focusable":true},{"id":"2gTgoEBdxzT2Shkqcpvi8","type":"label","position":{"x":-107.92197677120538,"y":2078.6657284387957},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Force AI To Test by Default","style":{"fontSize":20},"href":"","color":"#000000","oldId":"wvox8P3JLVUAsmLnFArC4"},"zIndex":999,"measured":{"width":254,"height":42},"dragging":false,"focusable":true},{"id":"X5rFjJHpijmZaTJY9PH6x","type":"paragraph","position":{"x":-107.92197677120538,"y":2120.6657284387957},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Most AI tools' default behavior produces implementation-first code with minimal test coverage. Whenever AI builds a feature, force it to write basic tests right away to ensure that bugs get caught early.","style":{"fontSize":17,"borderColor":"#ffffff","backgroundColor":"#ffffff","color":"#000000","textAlign":"left","justifyContent":"center","padding":16},"oldId":"J5tFxtigM1kgigpkwxgzq"},"zIndex":999,"measured":{"width":472,"height":153},"dragging":false,"width":472,"height":153,"resizing":false,"focusable":true},{"id":"7PD3hS-8933MPlkrFP-OU","type":"label","position":{"x":-110.25049426545795,"y":755.3776496355504},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Never Hardcode your Secrets","style":{"fontSize":20},"href":"","color":"#000000","oldId":"2gTgoEBdxzT2Shkqcpvi8"},"zIndex":999,"measured":{"width":283,"height":42},"dragging":false,"focusable":true},{"id":"O7IdWdTSlyP2BtMWAxnZ1","type":"paragraph","position":{"x":-110.25049426545795,"y":797.3776496355504},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Never let the AI put passwords, API keys, or tokens directly in the code. If you see it doing this, stop it and ask it to use environment variables instead. ","style":{"fontSize":17,"borderColor":"#ffffff","backgroundColor":"#ffffff","color":"#000000","textAlign":"left","justifyContent":"center","padding":16},"oldId":"X5rFjJHpijmZaTJY9PH6x"},"zIndex":999,"measured":{"width":472,"height":141},"dragging":false,"width":472,"height":141,"resizing":false,"focusable":true},{"id":"O9W3d1q1yJmfRJHnfognN","type":"todo","position":{"x":-749.6801562444155,"y":500.5831801961953},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Implement Spec-Driven Development (SDD)","style":{"fontSize":17},"oldId":"ODqMzOAN1je004chwATTl"},"zIndex":999,"measured":{"width":386,"height":41},"dragging":false,"resizing":false,"focusable":true},{"id":"eMMFaVwsxY2tVE9uWz5qT","type":"subtopic","position":{"x":-323.6562421081181,"y":48.17498071115827},"selected":false,"selectable":true,"draggable":true,"deletable":true,"data":{"label":"Codex","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"}},"zIndex":999,"measured":{"width":150,"height":49},"width":150,"height":49,"dragging":false,"focusable":true}],"edges":[{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"hJTqFZ1Ot21tzcUzmnOxo","sourceHandle":"x2","target":"lzHnwx_3gftRZbstk6INB","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"xy-edge__hJTqFZ1Ot21tzcUzmnOxox2-lzHnwx_3gftRZbstk6INBw1","selected":false,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"LkLQ8GjBXDuw1XsrE4Cjj","sourceHandle":"x2","target":"pfgsxuQ-D7dTMPNWKG9OY","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"xy-edge__LkLQ8GjBXDuw1XsrE4Cjjx2-DjbYhSENk8A7tVyBiFYhQw1","selected":false,"focusable":true,"selectable":true}],"draft":null,"seo":{"title":"Vibe Coding","description":"Learn vibe coding from scratch. Tips, tricks, and best practices for getting the most out of AI-assisted coding tools like Claude Code, Cursor, and more.","keywords":[],"_id":"6adf020c9133391546ad539a"},"type":"skill","dimensions":{"height":2753,"width":1158},"relatedRoadmaps":["claude-code","ai-agents","ai-engineer","prompt-engineering"],"courses":[],"aiCourses":["Claude Code Crash Course","Cursor Crash Course","Gemini Crash Course","Mastering Prompt Engineering","Mastering Context Engineering","Secure Vibe Coding","Mastering CLAUDE.md","Mastering Vibe Debugging","Mastering Vibe Testing","Mastering Vive Refactoring"],"questions":[{"type":"faq","title":"What are the best vibe coding tools?","description":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Choosing the best vibe coding tool depends on your needs, expertise, and use case. A tool built for a senior engineer working on complex projects might not be the best fit for a student working on their first project, and vice versa. There’s an increasing number of vibe coding tools out there, ranging from AI app builders, like Lovable, Bolt, and Replit to AI coding assistants, such as Claude Code and Codex. Check our dedicated guide to know the best "},{"type":"text","marks":[{"type":"link","attrs":{"href":"https://roadmap.sh/vibe-coding/best-tools","target":"_blank","rel":"noopener noreferrer nofollow","class":"tiptap-link"}}],"text":"vibe coding tools."}]},{"type":"paragraph"}]},"_id":"69de39a631e228f31bc91209","createdAt":"2026-04-14T12:57:10.489Z","updatedAt":"2026-04-14T12:57:10.489Z"},{"type":"faq","title":"What exactly is vibe coding?","description":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"\"Vibe coding\" is a software development methodology in which you use AI and LLMs to generate code via natural-language prompts rather than writing it by hand. The idea is you describe what you want the application to do, and AI builds it. Good for fast prototyping. You don't need to review every line of code. Makes development faster and more accessible for people who are not traditional programmers."}]}]},"_id":"69de39d831e228f31bc91211","createdAt":"2026-04-14T12:58:00.456Z","updatedAt":"2026-04-14T12:58:00.456Z"},{"type":"faq","title":"How can I begin vibe coding?","description":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Getting hands-on practice with vibe coding tools is the best way to get familiar with them. Choose a popular tool with a free plan and start creating a small application. After several prompts, you will start to know its capabilities and limitations. If you want to get an idea of what it means to vibe code, check out our "},{"type":"text","marks":[{"type":"link","attrs":{"href":"https://roadmap.sh/vibe-coding/tutorial","target":"_blank","rel":"noopener noreferrer nofollow","class":"tiptap-link"}}],"text":"Vibe coding tutorial"},{"type":"text","text":" with Claude Code."}]}]},"_id":"69de3afc31e228f31bc9121a","createdAt":"2026-04-20T15:15:17.989Z","updatedAt":"2026-04-20T15:15:17.989Z"},{"type":"faq","title":"How can I get good results from vibe coding?","description":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Getting good results from vibe coding is a matter of discipline and knowing the capabilities and weaknesses of the vibe coding tool you’re using. If you don’t want to run out of tokens after a couple of prompts or get apps that look nice but are full of bugs, you must stick to good practices. In particular, you should focus on detailed upfront planning, modular, small-step implementation, and rigorous version control. For a detailed catalogue, check out our "},{"type":"text","marks":[{"type":"link","attrs":{"href":"https://roadmap.sh/vibe-coding/best-practices","target":"_blank","rel":"noopener noreferrer nofollow","class":"tiptap-link"}}],"text":"Vibe Coding Best Practices"},{"type":"text","text":" guide."}]}]},"_id":"69e644d931e228f31bc926dc","createdAt":"2026-04-20T15:23:05.989Z","updatedAt":"2026-04-20T15:23:05.989Z"}],"createdAt":"2026-02-17T10:56:16.520Z","updatedAt":"2026-10-26T07:32:29.015Z"}