120120 opacity : 0.9 ;
121121 }
122122
123- .agent-indicator {
124- display : inline-block;
125- padding : 3px 8px ;
126- border-radius : 15px ;
127- font-size : 0.8rem ;
128- margin-top : 10px ;
129- }
130-
131- .agent-0 { background : rgba (255 , 255 , 255 , 0.2 ); }
132- .agent-20 { background : rgba (255 , 193 , 7 , 0.3 ); }
133- .agent-30 { background : rgba (255 , 152 , 0 , 0.3 ); }
134- .agent-50 { background : rgba (255 , 87 , 34 , 0.3 ); }
135- .agent-60 { background : rgba (233 , 30 , 99 , 0.3 ); }
136- .agent-80 { background : rgba (156 , 39 , 176 , 0.3 ); }
137- .agent-90 { background : rgba (103 , 58 , 183 , 0.3 ); }
138123
139124 .scenario-links {
140125 display : flex;
@@ -514,7 +499,7 @@ <h2>📋 專案簡介</h2>
514499 < div class ="features ">
515500 < div class ="feature-card ">
516501 < h3 > 🤖 Agent 模式核心</ h3 >
517- < p > 學習讓 AI 自主完成複雜開發任務,從 0% 到 90% 的漸進式應用 </ p >
502+ < p > 學習讓 AI 自主完成複雜開發任務,採用漸進式學習路徑 </ p >
518503 </ div >
519504
520505 < div class ="feature-card ">
@@ -560,7 +545,6 @@ <h2>📚 8 個學習場景</h2>
560545 < div class ="scenario-number "> 01</ div >
561546 < div class ="scenario-title "> 初次對話體驗</ div >
562547 < div class ="scenario-description "> 建立 Copilot 使用基礎,體驗傳統 Chat 功能</ div >
563- < span class ="agent-indicator agent-0 "> Agent 0%</ span >
564548 < div class ="scenario-links ">
565549 < a href ="# " onclick ="loadMarkdown('./01-first-experience/LESSON_GUIDE.md', '場景 1:初次對話體驗'); return false; " class ="btn btn-doc "> 📚 查看教學</ a >
566550 < a href ="./01-first-experience/ " class ="btn btn-demo "> 🎯 實際應用</ a >
@@ -571,7 +555,6 @@ <h2>📚 8 個學習場景</h2>
571555 < div class ="scenario-number "> 02</ div >
572556 < div class ="scenario-title "> 程式碼解釋實作</ div >
573557 < div class ="scenario-description "> 掌握 @workspace 核心功能,理解專案結構</ div >
574- < span class ="agent-indicator agent-0 "> Agent 0%</ span >
575558 < div class ="scenario-links ">
576559 < a href ="# " onclick ="loadMarkdown('./02-code-explanation/LESSON_GUIDE.md', '場景 2:程式碼解釋實作'); return false; " class ="btn btn-doc "> 📚 查看教學</ a >
577560 < a href ="./02-code-explanation/ " class ="btn btn-demo "> 🎯 實際應用</ a >
@@ -582,7 +565,6 @@ <h2>📚 8 個學習場景</h2>
582565 < div class ="scenario-number "> 03</ div >
583566 < div class ="scenario-title "> 函數生成</ div >
584567 < div class ="scenario-description "> 體驗 Agent 協助編程,對比手動 vs AI 效率</ div >
585- < span class ="agent-indicator agent-20 "> Agent 20%</ span >
586568 < div class ="scenario-links ">
587569 < a href ="# " onclick ="loadMarkdown('./03-function-generation/LESSON_GUIDE.md', '場景 3:函數生成'); return false; " class ="btn btn-doc "> 📚 查看教學</ a >
588570 < a href ="./03-function-generation/ " class ="btn btn-demo "> 🎯 實際應用</ a >
@@ -593,7 +575,6 @@ <h2>📚 8 個學習場景</h2>
593575 < div class ="scenario-number "> 04</ div >
594576 < div class ="scenario-title "> 偵錯輔助</ div >
595577 < div class ="scenario-description "> 讓 Agent 主動發現和修復程式問題</ div >
596- < span class ="agent-indicator agent-30 "> Agent 30%</ span >
597578 < div class ="scenario-links ">
598579 < a href ="# " onclick ="loadMarkdown('./04-debugging-assistant/LESSON_GUIDE.md', '場景 4:偵錯輔助'); return false; " class ="btn btn-doc "> 📚 查看教學</ a >
599580 < a href ="./04-debugging-assistant/ " class ="btn btn-demo "> 🎯 實際應用</ a >
@@ -604,7 +585,6 @@ <h2>📚 8 個學習場景</h2>
604585 < div class ="scenario-number "> 05</ div >
605586 < div class ="scenario-title "> 單元測試</ div >
606587 < div class ="scenario-description "> Agent 自主設計測試架構和完整用例</ div >
607- < span class ="agent-indicator agent-50 "> Agent 50%</ span >
608588 < div class ="scenario-links ">
609589 < a href ="# " onclick ="loadMarkdown('./05-unit-testing/LESSON_GUIDE.md', '場景 5:單元測試'); return false; " class ="btn btn-doc "> 📚 查看教學</ a >
610590 < a href ="./05-unit-testing/ " class ="btn btn-demo "> 🎯 實際應用</ a >
@@ -615,7 +595,6 @@ <h2>📚 8 個學習場景</h2>
615595 < div class ="scenario-number "> 06</ div >
616596 < div class ="scenario-title "> 程式碼重構</ div >
617597 < div class ="scenario-description "> Agent 分析遺留代碼並執行重構策略</ div >
618- < span class ="agent-indicator agent-60 "> Agent 60%</ span >
619598 < div class ="scenario-links ">
620599 < a href ="# " onclick ="loadMarkdown('./06-code-refactoring/LESSON_GUIDE.md', '場景 6:程式碼重構'); return false; " class ="btn btn-doc "> 📚 查看教學</ a >
621600 < a href ="./06-code-refactoring/ " class ="btn btn-demo "> 🎯 實際應用</ a >
@@ -626,7 +605,6 @@ <h2>📚 8 個學習場景</h2>
626605 < div class ="scenario-number "> 07</ div >
627606 < div class ="scenario-title "> 文件生成</ div >
628607 < div class ="scenario-description "> Agent 自動分析程式碼生成完整文件體系</ div >
629- < span class ="agent-indicator agent-80 "> Agent 80%</ span >
630608 < div class ="scenario-links ">
631609 < a href ="# " onclick ="loadMarkdown('./07-documentation/LESSON_GUIDE.md', '場景 7:文件生成'); return false; " class ="btn btn-doc "> 📚 查看教學</ a >
632610 </ div >
@@ -636,7 +614,6 @@ <h2>📚 8 個學習場景</h2>
636614 < div class ="scenario-number "> 08</ div >
637615 < div class ="scenario-title "> GitHub 自動化 Agent</ div >
638616 < div class ="scenario-description "> 從 Issue 到 PR 的完整自動化流程</ div >
639- < span class ="agent-indicator agent-90 "> Agent 90%</ span >
640617 < div style ="margin-top: 10px; padding: 10px; background: rgba(255,255,255,0.1); border-radius: 5px; ">
641618 < div style ="font-size: 0.85rem; color: rgba(255,255,255,0.9); margin-bottom: 8px; ">
642619 < strong > 📋 練習 Issues:</ strong >
0 commit comments