[{"data":1,"prerenderedAt":145},["ShallowReactive",2],{"\u002F2026\u002Fvibecoding-02":3,"surround-\u002F2026\u002Fvibecoding-02":136},{"id":4,"title":5,"body":6,"categories":114,"date":116,"description":12,"draft":117,"extension":118,"image":119,"meta":120,"navigation":122,"path":123,"permalink":119,"published":119,"readingTime":124,"recommend":119,"references":119,"seo":129,"sitemap":130,"stem":131,"tags":132,"type":134,"updated":116,"__hash__":135},"content\u002Fposts\u002F2026\u002Fvibecoding-02.md","Vibe Coding series の 02",{"type":7,"value":8,"toc":107},"minimark",[9,13,17,90,93,99],[10,11,12],"p",{},"接上文\n收录一些vibe coding 好用的tools\u002Fspec（非agent中的tools",[14,15,16],"h3",{"id":16},"frontend",[18,19,20,40,64,75,82],"ul",{},[21,22,23,24],"li",{},"cc搭配plugins",[18,25,26],{},[21,27,28,32,33,39],{},[29,30,31],"code",{"code":31},"superpowers",": ",[34,35,36],"a",{"href":36,"rel":37},"https:\u002F\u002Fgithub.com\u002Fobra\u002Fsuperpowers",[38],"nofollow"," - 先plan再action",[21,41,42,43],{},"skills相关：",[18,44,45,51,58],{},[21,46,47],{},[34,48,49],{"href":49,"rel":50},"https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-skills",[38],[21,52,53,57],{},[34,54,55],{"href":55,"rel":56},"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-code\u002Fblob\u002Fmain\u002Fplugins\u002Ffrontend-design\u002Fskills\u002Ffrontend-design\u002FSKILL.md",[38],"  | 实测其实主要还是取决于model的能力，大体说起来其实还是prompt而已，约束性很低& 用户query过于简单& 非claude\u002Fgemini这类前端审美较好的model， 基本还是达不到很好的效果",[21,59,60],{},[34,61,62],{"href":62,"rel":63},"https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill",[38],[21,65,66,67],{},"mcp：",[18,68,69,72],{},[21,70,71],{},"Chrome DevTools MCP",[21,73,74],{},"Context7",[21,76,77,78],{},"Visual feedback for agents： ",[34,79,80],{"href":80,"rel":81},"https:\u002F\u002Fagentation.dev\u002F",[38],[21,83,84,85,89],{},"Design prompt: ",[34,86,87],{"href":87,"rel":88},"https:\u002F\u002Fgetdesign.md\u002F",[38],"  参考国内外品牌风格（like Apple、Claude Code等）的design范式，实测还不错，比单纯的frontend-design效果好很多，也可以说是对于模型的“宽容性”高了很多",[14,91,92],{"id":92},"review",[94,95,96],"blockquote",{},[10,97,98],{},"与vibe coding没什么联系，和agent一些理论关系比较大，like rag，embedding",[18,100,101],{},[21,102,103],{},[34,104,105],{"href":105,"rel":106},"https:\u002F\u002Fgithub.com\u002FAnnaSuSu\u002FTechSpar",[38],{"title":108,"searchDepth":109,"depth":109,"links":110},"",4,[111,113],{"id":16,"depth":112,"text":16},3,{"id":92,"depth":112,"text":92},[115],"vibecoding","2026-03-25 21:06:00",false,"md",null,{"slots":121},{},true,"\u002F2026\u002Fvibecoding-02",{"text":125,"minutes":126,"time":127,"words":128},"1 min read",0.88,52800,176,{"title":5,"description":12},{"loc":123},"posts\u002F2026\u002Fvibecoding-02",[133],"ai","tech","SgaVZ588qfOZxa8A0R6IPuzogq2b8UTuZ8_geFCzT7M",[137,141],{"date":138,"draft":117,"path":139,"title":140,"type":134},"2026-03-14 21:06:00","\u002F2026\u002Fvibecoding-01","Vibe Coding series の 01",{"date":142,"draft":117,"path":143,"title":144,"type":134},"2026-04-06 07:06:00","\u002F2026\u002Flog-cluster","[闲言碎语]log-合集",1788727861019]