{"id":24299,"date":"2025-12-03T20:42:23","date_gmt":"2025-12-03T12:42:23","guid":{"rendered":"https:\/\/blog.tibame.com\/?p=24299"},"modified":"2025-12-04T13:21:38","modified_gmt":"2025-12-04T05:21:38","slug":"ai-%e6%99%82%e4%bb%a3%e5%81%9a%e7%b6%b2%e7%ab%99%e6%9b%b4%e5%bf%ab%e4%ba%86%ef%bc%8c%e4%bd%86%e7%82%ba%e4%bb%80%e9%ba%bc%e9%82%84%e6%98%af%e5%81%9a%e4%b8%8d%e5%a5%bd%ef%bc%9f%e6%96%b0%e6%89%8b","status":"publish","type":"post","link":"https:\/\/blog.tibame.com\/?p=24299","title":{"rendered":"AI \u6642\u4ee3\u505a\u7db2\u7ad9\u66f4\u5feb\u4e86\uff0c\u4f46\u70ba\u4ec0\u9ebc\u9084\u662f\u505a\u4e0d\u597d\uff1f\u65b0\u624b\u5fc5\u5b78\u7684 SDD \u898f\u683c\u9a45\u52d5\u958b\u767c\u6307\u5357"},"content":{"rendered":"\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u5167\u5bb9\u76ee\u9304<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u986f\u793a\/\u96b1\u85cf\u5167\u5bb9\u76ee\u9304\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blog.tibame.com\/?p=24299\/#%E4%B8%80%E3%80%81AI_%E8%83%BD%E5%81%9A%E7%B6%B2%E7%AB%99%E4%BA%86%EF%BC%8C%E4%BD%86%E7%82%BA%E4%BB%80%E9%BA%BC%E6%96%B0%E6%89%8B%E9%82%84%E6%98%AF%E5%81%9A%E4%B8%8D%E5%87%BA%E3%80%8C%E6%83%B3%E8%A6%81%E7%9A%84%E3%80%8D%EF%BC%9F\" >\u4e00\u3001AI \u80fd\u505a\u7db2\u7ad9\u4e86\uff0c\u4f46\u70ba\u4ec0\u9ebc\u65b0\u624b\u9084\u662f\u505a\u4e0d\u51fa\u300c\u60f3\u8981\u7684\u300d\uff1f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blog.tibame.com\/?p=24299\/#%E4%BA%8C%E3%80%81SDD%EF%BC%88%E8%A6%8F%E6%A0%BC%E9%A9%85%E5%8B%95%E9%96%8B%E7%99%BC%EF%BC%89%E6%98%AF%E4%BB%80%E9%BA%BC%EF%BC%9F%E7%82%BA%E4%BB%80%E9%BA%BC%E7%89%B9%E5%88%A5%E9%81%A9%E5%90%88%E6%96%B0%E6%89%8B%EF%BC%9F\" >\u4e8c\u3001SDD\uff08\u898f\u683c\u9a45\u52d5\u958b\u767c\uff09\u662f\u4ec0\u9ebc\uff1f\u70ba\u4ec0\u9ebc\u7279\u5225\u9069\u5408\u65b0\u624b\uff1f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blog.tibame.com\/?p=24299\/#%E4%B8%89%E3%80%81SDD_%E5%A6%82%E4%BD%95%E6%87%89%E7%94%A8%E5%9C%A8_AI_%E9%96%8B%E7%99%BC%E6%B5%81%E7%A8%8B\" >\u4e09\u3001SDD \u5982\u4f55\u61c9\u7528\u5728 AI \u958b\u767c\u6d41\u7a0b<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blog.tibame.com\/?p=24299\/#%E5%9B%9B%E3%80%81%E9%9B%B6%E5%9F%BA%E7%A4%8E%E4%B9%9F%E8%83%BD%E4%B8%8A%E6%89%8B%EF%BC%81%E7%B0%A1%E5%96%AE%E7%A4%BA%E7%AF%84%E4%B8%80%E6%AE%B5_SDD_%E8%A6%8F%E6%A0%BC\" >\u56db\u3001\u96f6\u57fa\u790e\u4e5f\u80fd\u4e0a\u624b\uff01\u7c21\u55ae\u793a\u7bc4\u4e00\u6bb5 SDD \u898f\u683c<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blog.tibame.com\/?p=24299\/#%E4%BA%94%E3%80%81%E8%AA%B0%E9%81%A9%E5%90%88%E5%AD%B8_SDD%EF%BC%9F\" >\u4e94\u3001\u8ab0\u9069\u5408\u5b78 SDD\uff1f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/blog.tibame.com\/?p=24299\/#%E5%85%AD%E3%80%81SDD_%E8%AE%93_AI_%E9%96%8B%E7%99%BC%E4%B8%8D%E5%86%8D%E6%B7%B7%E4%BA%82%EF%BC%8C%E8%80%8C%E6%98%AF%E5%8F%AF%E6%8E%A7%E3%80%81%E5%8F%AF%E8%A4%87%E8%A3%BD%E3%80%81%E5%8F%AF%E9%A0%90%E6%B8%AC\" >\u516d\u3001SDD \u8b93 AI \u958b\u767c\u4e0d\u518d\u6df7\u4e82\uff0c\u800c\u662f\u53ef\u63a7\u3001\u53ef\u8907\u88fd\u3001\u53ef\u9810\u6e2c<\/a><\/li><\/ul><\/nav><\/div>\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E4%B8%80%E3%80%81AI_%E8%83%BD%E5%81%9A%E7%B6%B2%E7%AB%99%E4%BA%86%EF%BC%8C%E4%BD%86%E7%82%BA%E4%BB%80%E9%BA%BC%E6%96%B0%E6%89%8B%E9%82%84%E6%98%AF%E5%81%9A%E4%B8%8D%E5%87%BA%E3%80%8C%E6%83%B3%E8%A6%81%E7%9A%84%E3%80%8D%EF%BC%9F\"><\/span><strong>\u4e00\u3001AI \u80fd\u505a\u7db2\u7ad9\u4e86\uff0c\u4f46\u70ba\u4ec0\u9ebc\u65b0\u624b\u9084\u662f\u505a\u4e0d\u51fa\u300c\u60f3\u8981\u7684\u300d\uff1f<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p>AI \u5de5\u5177\u8d8a\u4f86\u8d8a\u5f37\u5927\uff0c\u73fe\u5728\u53ea\u8981\u8f38\u5165\u4e00\u53e5\u8a71\uff1a\u300c\u5e6b\u6211\u505a\u4e00\u500b\u7db2\u7ad9\u300d\uff0cGPT \u6216\u5176\u4ed6 AI \u5de5\u5177\u5c31\u80fd\u76f4\u63a5\u7d66\u4f60 HTML\u3001CSS\u3001JavaScript \u7a0b\u5f0f\u78bc\u3002\u4f46\u73fe\u5be6\u662f\uff0c\u5927\u591a\u6578\u7b2c\u4e00\u6b21\u5617\u8a66 AI \u505a\u7db2\u7ad9\u7684\u65b0\u624b\uff0c\u7d93\u5e38\u6703\u9047\u5230\u9019\u4e9b\u632b\u6298\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u7121\u6cd5\u8abf\u6574\u55ae\u4e00\u529f\u80fd<\/li>\n\n\n\n<li>\u4fee\u6539\u534a\u5929\u4ecd\u7136\u4e00\u5806 BUG<\/li>\n\n\n\n<li>\u6700\u5f8c\u7db2\u7ad9\u9577\u5f97\u5b8c\u5168\u4e0d\u662f\u81ea\u5df1\u60f3\u50cf\u7684\u6a23\u5b50<\/li>\n<\/ul>\n\n\n\n<p>\u9019\u6642\uff0c\u4f60\u53ef\u80fd\u6703\u5728\u5fc3\u88e1\u60f3\uff1a\u300c\u70ba\u4ec0\u9ebc\u6211\u7e3d\u662f\u505a\u4e0d\u51fa\u6211\u60f3\u8981\u7684\u7db2\u7ad9\uff1f\u300d\u5176\u5be6\u539f\u56e0\u5e38\u5e38\u4e0d\u662f AI \u4e0d\u5920\u5f37\uff0c\u800c\u662f\u4f60\u53ef\u80fd\u8e29\u4e2d\u4e86\u9019\u5e7e\u500b\u5e38\u898b\u9677\u9631\uff1a<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong> 1. \u4e0d\u77e5\u9053\u5f9e\u54ea\u958b\u59cb\uff0c\u53ea\u80fd\u6191\u611f\u89ba\u554f AI<\/strong><\/h3>\n\n\n\n<p>\u4f60\u60f3\u505a\u7db2\u7ad9\uff0c\u4f46\u9023\u9700\u8981\u54ea\u4e9b\u9801\u9762\u3001\u4ec0\u9ebc\u529f\u80fd\u3001\u4e92\u52d5\u65b9\u5f0f\u2026\u2026\u90fd\u9084\u6c92\u60f3\u6e05\u695a\u3002\u5c31\u6703\u5c0e\u81f4 AI \u7d66\u4f60\u7684\u7d50\u679c\u6bcf\u6b21\u90fd\u4e0d\u592a\u4e00\u6a23\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. \u4f86\u56de\u8abf\u6574\uff0c\u7d50\u679c BUG \u8d8a\u6539\u8d8a\u591a<\/strong><\/h3>\n\n\n\n<p>\u6bcf\u4e00\u6b21\u7684 prompt \u90fd\u50cf\u91cd\u65b0\u958b\u6848\uff0cAI \u6703\u4f9d\u7167\u4f60\u7684\u63cf\u8ff0\u7522\u51fa\u908f\u8f2f\u4e0d\u540c\u7684\u65b0\u7a0b\u5f0f\u78bc\uff0c\u5c0e\u81f4\u7248\u672c\u8d8a\u6539\u8d8a\u6df7\u4e82\u3002\u7d50\u679c\u5c31\u662f\uff0c\u52a0\u4e86\u4e00\u500b\u529f\u80fd\uff0c\u5176\u4ed6\u529f\u80fd\u58de\u6389\u3002<\/p>\n\n\n\n<p>\u9019\u4e9b\u554f\u984c\u770b\u4f3c\u4e0d\u540c\uff0c\u4f46\u672c\u8cea\u5176\u5be6\u662f\u540c\u4e00\u4ef6\u4e8b\uff0c<strong>\u9084\u6c92\u5efa\u7acb\u300c\u898f\u683c\u5148\u884c\u300d\u7684\u958b\u767c\u7fd2\u6163<\/strong>\u3002\u8981\u8b93 AI \u66ff\u4f60\u751f\u6210\u4e00\u500b\u80fd\u4f7f\u7528\u3001\u597d\u7dad\u8b77\u3001\u4e0d\u5bb9\u6613\u58de\u7684\u7db2\u7ad9\uff0c\u4f60\u9700\u8981\u7684\u4e0d\u53ea\u662f prompt\uff0c\u800c\u662f\u898f\u683c\u3002<\/p>\n\n\n\n<p>\u9019\u4e5f\u662f\u70ba\u4ec0\u9ebc\u8d8a\u4f86\u8d8a\u591a\u958b\u767c\u8005\u958b\u59cb\u4f7f\u7528 <strong>SDD\uff08Specification-Driven Development\uff0c\u898f\u683c\u9a45\u52d5\u958b\u767c\uff09<\/strong>\u4e00\u500b\u5c0d\u65b0\u624b\u800c\u8a00\u8d85\u95dc\u9375\u7684 AI \u6642\u4ee3\u958b\u767c\u65b9\u6cd5\u3002<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E4%BA%8C%E3%80%81SDD%EF%BC%88%E8%A6%8F%E6%A0%BC%E9%A9%85%E5%8B%95%E9%96%8B%E7%99%BC%EF%BC%89%E6%98%AF%E4%BB%80%E9%BA%BC%EF%BC%9F%E7%82%BA%E4%BB%80%E9%BA%BC%E7%89%B9%E5%88%A5%E9%81%A9%E5%90%88%E6%96%B0%E6%89%8B%EF%BC%9F\"><\/span>\u4e8c\u3001SDD\uff08\u898f\u683c\u9a45\u52d5\u958b\u767c\uff09\u662f\u4ec0\u9ebc\uff1f\u70ba\u4ec0\u9ebc\u7279\u5225\u9069\u5408\u65b0\u624b\uff1f<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p>SDD \u7684\u6838\u5fc3\u601d\u60f3\u5176\u5be6\u5f88\u7c21\u55ae\uff1a<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>\u5148\u628a\u7db2\u7ad9\u898f\u683c\u5beb\u6e05\u695a\uff0c\u518d\u8acb AI \u4f9d\u7167\u898f\u683c\u751f\u6210\u7a0b\u5f0f\u78bc\u3002<\/strong><\/p>\n<\/blockquote>\n\n\n\n<p>\u9019\u4e9b\u300c\u898f\u683c\u300d\u5305\u542b\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u9801\u9762\u8981\u6709\u54ea\u4e9b\u5143\u7d20<\/li>\n\n\n\n<li>\u6bcf\u500b\u5143\u4ef6\u8981\u986f\u793a\u4ec0\u9ebc\u8cc7\u8a0a<\/li>\n\n\n\n<li>\u4f7f\u7528\u8005\u9ede\u64ca\u5f8c\u6703\u6709\u4ec0\u9ebc\u4e92\u52d5<\/li>\n\n\n\n<li>\u8981\u9075\u5faa\u7684 UI \u683c\u5f0f\u6216\u52d5\u614b\u884c\u70ba<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u2714 SDD \u70ba\u4ec0\u9ebc\u7279\u5225\u9069\u5408\u65b0\u624b\uff1f<\/strong><\/h3>\n\n\n\n<p><strong>\uff081\uff09\u4e0d\u6015\u7a0b\u5f0f\u8a9e\u6cd5\uff0c\u56e0\u70ba\u4f60\u53ea\u9700\u63cf\u8ff0\u300c\u4f60\u8981\u4ec0\u9ebc\u300d<\/strong><br \/>\u4f60\u5728\u5beb\u7684\u662f\u9700\u6c42\uff0c\u4e0d\u662f\u7a0b\u5f0f\u3002\u5c0d\u96f6\u7a0b\u5f0f\u57fa\u790e\u7684\u4eba\u66f4\u4f73\u53cb\u5584\u3002<\/p>\n\n\n\n<p><strong>\uff082\uff09AI \u751f\u6210\u7684\u7a0b\u5f0f\u78bc\u66f4\u7a69\u5b9a<\/strong><br \/>\u56e0\u70ba\u898f\u683c\u6e05\u695a\uff0cAI \u7684\u8f38\u51fa\u5c31\u6709\u4e00\u81f4\u65b9\u5411\u3002<\/p>\n\n\n\n<p><strong>\uff083\uff09\u66f4\u5bb9\u6613\u9664\u932f\uff08Debug\uff09<\/strong><br \/>\u6709\u898f\u683c\u624d\u80fd\u6bd4\u5c0d\u54ea\u88e1\u4e0d\u7b26\u5408\uff0c\u628a\u4e0d\u7b26\u5408\u7684\u90e8\u5206\u91cd\u65b0\u63cf\u8ff0\u7d66 AI\uff0c\u5c31\u80fd\u7cbe\u6e96\u4fee\u5fa9\u3002<\/p>\n\n\n\n<p>SDD \u8b93\u4f60\u4e0d\u518d\u4f9d\u8cf4\u6307\u4ee4\uff0c\u800c\u662f\u7528\u4e00\u5957\u908f\u8f2f\u4f86\u6307\u63ee AI\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u4ee5\u4e00\u500b\u4f8b\u5b50\u4f86\u770b\u5dee\u5225\uff1a<\/strong><\/h3>\n\n\n\n<p>\u274c <strong>\u6a21\u7cca\u6307\u4ee4\uff1a<\/strong><br \/>\u300c\u5e6b\u6211\u505a\u4e00\u500b\u5361\u7247 UI\uff0c\u7528\u4f86\u986f\u793a\u89d2\u8272\u8cc7\u8a0a\u3002\u300d<\/p>\n\n\n\n<p>\u2705 <strong>\u6e05\u695a\u6307\u4ee4\uff1a<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u89d2\u8272\u5361\u7247\uff08Character Card\uff09<\/li>\n\n\n\n<li>\u5143\u7d20\uff1a\u982d\u50cf\uff0880px\uff09\u3001\u89d2\u8272\u540d\u7a31\u3001\u63cf\u8ff0\u6587\u5b57\u3001\u6309\u9215\uff08\u67e5\u770b\u66f4\u591a\uff09<\/li>\n\n\n\n<li>\u884c\u70ba\uff1a\u6ed1\u904e\u6642\u5361\u7247\u9670\u5f71\u653e\u5927\u3001\u6309\u4e0b\u6309\u9215\u8df3\u51fa\u89d2\u8272\u66f4\u591a\u8cc7\u8a0a<\/li>\n\n\n\n<li>\u6392\u7248\uff1a\u4e09\u6b04 RWD\u3001\u624b\u6a5f\u7248\u6539\u70ba\u4e00\u6b04<\/li>\n<\/ul>\n\n\n\n<p>\u7576 AI \u63a5\u6536\u5230\u76f8\u5c0d\u5b8c\u6574\u7684\u898f\u683c\u6642\uff0c\u751f\u6210\u7684\u7a0b\u5f0f\u78bc\u81ea\u7136\u7a69\u5b9a\u8a31\u591a\uff0c\u5f8c\u9762\u6709\u63d0\u4f9b\u66f4\u5b8c\u5584\u7684\u898f\u683c\u7bc4\u4f8b\uff0c\u7e7c\u7e8c\u770b\u4e0b\u53bb\u3002<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E4%B8%89%E3%80%81SDD_%E5%A6%82%E4%BD%95%E6%87%89%E7%94%A8%E5%9C%A8_AI_%E9%96%8B%E7%99%BC%E6%B5%81%E7%A8%8B\"><\/span><strong>\u4e09\u3001SDD \u5982\u4f55\u61c9\u7528\u5728 AI \u958b\u767c\u6d41\u7a0b<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/blog.tibame.com\/wp-content\/uploads\/2025\/12\/image.png\" data-rel=\"penci-gallery-image-content\" ><img decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/blog.tibame.com\/wp-content\/uploads\/2025\/12\/image.png\" alt=\"\" class=\"wp-image-24319\" srcset=\"https:\/\/blog.tibame.com\/wp-content\/uploads\/2025\/12\/image.png 1024w, https:\/\/blog.tibame.com\/wp-content\/uploads\/2025\/12\/image-300x168.png 300w, https:\/\/blog.tibame.com\/wp-content\/uploads\/2025\/12\/image-768x429.png 768w, https:\/\/blog.tibame.com\/wp-content\/uploads\/2025\/12\/image-585x327.png 585w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>\u5728 <strong>\u300a <a href=\"https:\/\/www.tibame.com\/course\/6161?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=pur_da_vc_202501203\" target=\"_blank\" rel=\"noopener\" title=\"\">Vibe Coding \u5be6\u8e10\u6307\u5357\uff5c\u6253\u9020\u4f60\u7684\u7b2c\u4e00\u500b\u4e92\u52d5\u7db2\u7ad9<\/a> \u300b<\/strong> \u76f4\u64ad\u8ab2\u7a0b\u4e2d\uff0c\u6211\u5011\u6703\u7528\u6700\u7c21\u55ae\u7684\u65b9\u5f0f\u5e36\u4f60\u5be6\u4f5c\u5b8c\u6574\u7684 SDD \u6d41\u7a0b\u3002<\/p>\n\n\n\n<p>\u8ab2\u7a0b\u4e2d\u4f60\u6703\u5b78\u5230&#8230;<\/p>\n\n\n\n<p><strong>\uff081\uff09\u5982\u4f55\u628a\u300c\u6211\u60f3\u505a\u4e00\u500b\u4e92\u52d5\u7db2\u7ad9\u300d\u8f49\u6210\u53ef\u7528\u7684\u898f\u683c\u6587\u4ef6<\/strong>\u3002\u5c31\u7b97\u4f60\u6c92\u6709\u4efb\u4f55 coding \u80cc\u666f\uff0c\u4e5f\u53ef\u4ee5\u900f\u904e\u8001\u5e2b\u7368\u5bb6\u958b\u767c\u7684 GPTs \u5feb\u901f\u7522\u51fa\u3002<\/p>\n\n\n\n<p><strong>\uff082\uff09\u5982\u4f55\u7528 AI x SDD \u751f\u6210\u7db2\u7ad9\u9801\u9762\u3001\u5143\u4ef6\u3001\u4e92\u52d5\u529f\u80fd\u7b49<\/strong><\/p>\n\n\n\n<p><strong>\uff083\uff09\u5982\u4f55\u8b93 AI \u5e6b\u4f60 debug\uff0c\u4fee\u6b63\u7a0b\u5f0f\u7522\u51fa\u4f60\u60f3\u8981\u7684\u7db2\u7ad9<\/strong><\/p>\n\n\n\n<p><strong>\uff084\uff09\u5982\u4f55\u90e8\u7f72\u96f2\u7aef\uff0c\u8b93\u5168\u4e16\u754c\u90fd\u80fd\u770b\u5230\u4f60\u7684\u7db2\u7ad9\uff0c\u5e36\u8d70\u5be6\u969b\u6210\u679c<\/strong><\/p>\n\n\n\n<p>2025\/12\/14 \u6b63\u5f0f\u958b\u8ab2 ! \u6b61\u8fce\u4f60\u4e00\u8d77\u52a0\u5165 \u2728<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E5%9B%9B%E3%80%81%E9%9B%B6%E5%9F%BA%E7%A4%8E%E4%B9%9F%E8%83%BD%E4%B8%8A%E6%89%8B%EF%BC%81%E7%B0%A1%E5%96%AE%E7%A4%BA%E7%AF%84%E4%B8%80%E6%AE%B5_SDD_%E8%A6%8F%E6%A0%BC\"><\/span><strong>\u56db\u3001\u96f6\u57fa\u790e\u4e5f\u80fd\u4e0a\u624b\uff01\u7c21\u55ae\u793a\u7bc4\u4e00\u6bb5 SDD \u898f\u683c<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<pre class=\"wp-block-code\"><code>\u500b\u4eba\u98f2\u6c34\u91cf\u8a18\u9304 APP\n\n## \u5c08\u6848\u76ee\u6a19\n\u5efa\u7acb\u4e00\u500b\u624b\u6a5f\u7248\u7db2\u9801\uff08\u6216 Web App\uff09\uff0c\u8b93\u500b\u4eba\u7528\u6236\u80fd\u5feb\u901f\u8a18\u9304\u6bcf\u65e5\u98f2\u6c34\u91cf\uff0c\u4e26\u67e5\u770b\u98f2\u6c34\u7d71\u8a08\u3002\n\n## \u4f7f\u7528\u8005\u89d2\u8272\n\u4e00\u822c\u4e0a\u73ed\u65cf\u3001\u5b78\u751f\n\u60f3\u63d0\u5347\u5065\u5eb7\u3001\u9700\u8981\u63d0\u9192\u559d\u6c34\n\u559c\u6b61\u7c21\u55ae\u4ecb\u9762\u3001\u4e0d\u60f3\u8a2d\u5b9a\u592a\u8907\u96dc\n\n## \u6838\u5fc3\u9700\u6c42\n\u80fd\u5728\u5e7e\u79d2\u5167\u5feb\u901f\u8a18\u9304\u559d\u4e86\u591a\u5c11\u6c34\n\u80fd\u770b\u5230\u81ea\u5df1\u4eca\u5929\u559d\u591a\u5c11\u3001\u96e2\u76ee\u6a19\u9084\u6709\u591a\u5c11\n\u80fd\u81ea\u8a02\u6bcf\u65e5\u98f2\u6c34\u76ee\u6a19\n\u9700\u8981\u559d\u6c34\u63d0\u9192\n\u6709\u6b77\u53f2\u7d00\u9304\uff0f\u7d71\u8a08\u9801\u9762\n\n## \u9801\u9762\u8207\u529f\u80fd\u898f\u683c\n1\uff09\u9996\u9801\uff08\u4eca\u65e5\u98f2\u6c34 Dashboard\uff09\n\u986f\u793a\uff1a\u4eca\u65e5\u9032\u5ea6\uff08\u76ee\u524d\u559d\u6c34\u91cf \/ \u76ee\u6a19\u91cf\uff09\n\u986f\u793a\u9032\u5ea6\u689d\uff08\u4f8b\u5982 1200 \/ 2000 ml\uff09\n\u6309\u9215\uff1a\uff0b\u559d\u6c34\uff08\u9032\u5165\u65b0\u589e\u756b\u9762\uff09\n\u4eca\u65e5\u98f2\u6c34\u5217\u8868\uff08\u6642\u9593\uff0bml\uff09\n\n2\uff09\u65b0\u589e\u98f2\u6c34\u7d00\u9304\u9801\n\u9078\u64c7\u559d\u6c34\u91cf\uff1a\n\u6309\u9215\uff1a200ml\u3001300ml\u3001500ml\u3001\u81ea\u8a02\u8f38\u5165 ml\n\u6309\u9215\uff1a\u65b0\u589e \u2192 \u5132\u5b58\u5230\u4eca\u65e5\u7d00\u9304\n\n3\uff09\u8a2d\u5b9a\u9801\n\u8a2d\u5b9a\u6bcf\u65e5\u76ee\u6a19\uff08\u4f8b\u5982 2000 ml\uff09\n\u8a2d\u5b9a\u63d0\u9192\u529f\u80fd\uff1a\u958b\u555f\uff0f\u95dc\u9589\u63d0\u9192\n\u63d0\u9192\u983b\u7387\uff1a\u6bcf 30 \/ 60 \/ 90 \u5206\u9418\n\n4\uff09\u7d71\u8a08\u9801\n\u986f\u793a\u904e\u53bb 7 \u5929\u98f2\u6c34\u91cf\n\u5716\u8868\u985e\u578b\uff1a\u6298\u7dda\u5716\n\u986f\u793a\u5e73\u5747\u6bcf\u65e5\u98f2\u6c34\u91cf\n\n## \u4e92\u52d5\u908f\u8f2f\n1. \u65b0\u589e\u98f2\u6c34\u7d00\u9304\n\u6309\u4e0b\u300c\u65b0\u589e\u300d\n\u9078\u64c7\u91cf \u2192 \u7acb\u5373\u5beb\u5165 localStorage \u6216 DB\n\u66f4\u65b0\u4eca\u65e5\u7e3d\u91cf\n\n2. \u4eca\u65e5\u9032\u5ea6\u8a08\u7b97\n\u4eca\u65e5\u7e3d\u91cf = sum(today water_logs)\n\u767e\u5206\u6bd4 = \u4eca\u65e5\u7e3d\u91cf \/ daily_goal\n\n3. \u559d\u6c34\u63d0\u9192\uff08\u7c21\u6613\u5be6\u4f5c\uff09\n\u4f7f\u7528 setInterval() \u505a\u5012\u6578\u63d0\u9192\n\u6216\u4f7f\u7528 Notification API \u63a8\u9001\u901a\u77e5\n\n## \u6210\u529f\u9a57\u6536\u6a19\u6e96\n\u8a18\u9304\u4e00\u6b21\u98f2\u6c34\u64cd\u4f5c\u4e0d\u8d85\u904e 5 \u79d2\n\u4eca\u65e5\u9032\u5ea6\u66f4\u65b0\u6c92\u6709\u5ef6\u9072\n\u624b\u6a5f\u7248 UI \u6e05\u695a\u53ef\u7528\n\u80fd\u8a18\u9304\u81f3\u5c11 30 \u5929\u6b77\u53f2\u8cc7\u6599\n\u80fd\u96e2\u7dda\u8a18\u9304\uff08localStorage \u5132\u5b58\uff09\n\n## \u4e0d\u5728\u672c\u6b21\u7bc4\u570d\n\u4e0d\u505a\u5e33\u865f\u767b\u5165\n\u4e0d\u505a\u793e\u7fa4\u5206\u4eab\n\u4e0d\u6574\u5408\u5065\u5eb7\u8cc7\u6599\uff08\u5982 Apple Health\u3001Google Fit\uff09\n\u4e0d\u505a\u9032\u968e\u91ab\u7642\u8a08\u7b97<\/code><\/pre>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E4%BA%94%E3%80%81%E8%AA%B0%E9%81%A9%E5%90%88%E5%AD%B8_SDD%EF%BC%9F\"><\/span><strong>\u4e94\u3001\u8ab0\u9069\u5408\u5b78 SDD\uff1f<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p>\u5982\u679c\u4f60\u7b26\u5408\u4ee5\u4e0b\u5e7e\u9ede\uff0c\u5176\u5be6\u4f60\u6bd4\u81ea\u5df1\u60f3\u50cf\u4e2d\u66f4\u9069\u5408\u5b78 SDD\uff01<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u60f3\u7528 AI \u505a Side Project<\/li>\n\n\n\n<li>\u6c92\u6709\u7a0b\u5f0f\u57fa\u790e\u4f46\u60f3\u505a\u4e92\u52d5\u7db2\u7ad9<\/li>\n\n\n\n<li>\u60f3\u5feb\u901f\u770b\u5230\u6210\u679c\uff0c\u800c\u4e0d\u662f\u5148\u5b78\u8a9e\u6cd5<\/li>\n\n\n\n<li>\u60f3\u5efa\u7acb\u4e00\u5957\u6709\u908f\u8f2f\u3001\u6709\u6d41\u7a0b\u7684\u65b9\u6cd5\u4f86\u4f7f\u7528 AI<\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E5%85%AD%E3%80%81SDD_%E8%AE%93_AI_%E9%96%8B%E7%99%BC%E4%B8%8D%E5%86%8D%E6%B7%B7%E4%BA%82%EF%BC%8C%E8%80%8C%E6%98%AF%E5%8F%AF%E6%8E%A7%E3%80%81%E5%8F%AF%E8%A4%87%E8%A3%BD%E3%80%81%E5%8F%AF%E9%A0%90%E6%B8%AC\"><\/span><strong>\u516d\u3001SDD \u8b93 AI \u958b\u767c\u4e0d\u518d\u6df7\u4e82\uff0c\u800c\u662f\u53ef\u63a7\u3001\u53ef\u8907\u88fd\u3001\u53ef\u9810\u6e2c<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p>AI \u5df2\u7d93\u80fd\u5beb\u7a0b\u5f0f\uff0c\u4f46\u80fd\u5426\u8b8a\u6210\u300c<strong>\u4f60\u7684\u958b\u767c\u5925\u4f34<\/strong>\u300d\uff0c\u5168\u53d6\u6c7a\u65bc\u4f60\u7d66\u5b83\u7684\u898f\u683c\u662f\u5426\u6e05\u695a\u3002SDD \u7d66\u65b0\u624b\u4e00\u5957\u6e05\u695a\u3001\u7c21\u55ae\u3001\u53ef\u8907\u88fd\u7684\u65b9\u6cd5\uff0c\u800c\u9019\u6b63\u662f\u4f60\u80fd\u9760 AI \u6253\u9020\u771f\u6b63\u53ef\u7528\u7684\u7db2\u7ad9\u7684\u95dc\u9375\u3002<\/p>\n\n\n\n<p>\u5982\u679c\u4f60\u60f3\u5f9e\u300c\u4e0d\u77e5\u9053\u600e\u9ebc\u958b\u59cb\u300d\u5230\u300c\u771f\u7684\u505a\u51fa\u4e00\u500b\u80fd\u52d5\u7684\u7db2\u7ad9\u300d\uff0c\u90a3\u9019\u5802 <strong><a href=\"https:\/\/www.tibame.com\/course\/6161?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=pur_da_vc_202501203\" target=\"_blank\" rel=\"noopener\" title=\"\">Vibe Coding \u5be6\u8e10\u6307\u5357\uff5c\u6253\u9020\u4f60\u7684\u7b2c\u4e00\u500b\u4e92\u52d5\u7db2\u7ad9<\/a><\/strong> \u6703\u975e\u5e38\u9069\u5408\u4f60\uff01\u6b61\u8fce\u4f60\u4e00\u8d77\u52a0\u5165\u8ab2\u7a0b\uff01<\/p>\n\n\n\n<p>\ud83d\udc49 <strong><a href=\"https:\/\/www.tibame.com\/course\/6161?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=pur_da_vc_202501203\" target=\"_blank\" rel=\"noopener\" title=\"\">\u9ede\u6211\u770b\u66f4\u591a\u8ab2\u7a0b\u8a73\u60c5<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u60f3\u7528 AI \u505a\u7db2\u7ad9\u537b\u7e3d\u662f\u9047\u5230 BUG\uff1f\u672c\u7bc7\u5e36\u4f60\u4e86\u89e3 SDD \u898f\u683c\u9a45\u52d5\u958b\u767c\uff0c\u96f6\u7a0b\u5f0f\u4e5f\u80fd\u7528\u6e05\u695a\u898f\u683c\u8b93 AI \u751f\u6210\u66f4\u7a69\u5b9a\u7684\u7db2\u7ad9\u7a0b\u5f0f\u78bc\uff0c\u5feb\u901f\u5b8c\u6210\u4f60\u7684\u7b2c\u4e00\u500b\u4e92\u52d5\u7db2\u7ad9\u3002<\/p>\n","protected":false},"author":19,"featured_media":24300,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[2118,1196,173,1543],"tags":[353,677,2309,2310,2311,2312],"class_list":["post-24299","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-2118","category-ai-","category-173","category-1543","tag-353","tag-ai","tag-2309","tag-sdd","tag-2311","tag-2312"],"aioseo_notices":[],"views":2520,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.tibame.com\/index.php?rest_route=\/wp\/v2\/posts\/24299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.tibame.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.tibame.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.tibame.com\/index.php?rest_route=\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.tibame.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24299"}],"version-history":[{"count":12,"href":"https:\/\/blog.tibame.com\/index.php?rest_route=\/wp\/v2\/posts\/24299\/revisions"}],"predecessor-version":[{"id":24321,"href":"https:\/\/blog.tibame.com\/index.php?rest_route=\/wp\/v2\/posts\/24299\/revisions\/24321"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.tibame.com\/index.php?rest_route=\/wp\/v2\/media\/24300"}],"wp:attachment":[{"href":"https:\/\/blog.tibame.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.tibame.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=24299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.tibame.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=24299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}