檢視課程小助教 MIRA 目前能力說明的原始碼

<div style="width:100%; max-width:1000px; margin:0 auto; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color:#f4f5f7; color:#2d3436; box-sizing: border-box; line-height: 1.6;">

<div style="padding: 15px 0 10px 5px;">
<span style="background:#dfe6e9; padding:6px 15px; border-radius:20px; font-size:0.9em; font-weight:bold;">
[[首頁|← 回首頁]]
</span>
</div>

<div style="background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%); color:white; border-radius:16px; padding:40px 30px; box-shadow: 0 10px 20px rgba(108, 92, 231, 0.2); margin-bottom: 25px;">
<div style="font-size:2.5em; font-weight:800; letter-spacing:-1px; margin-bottom:8px;">🪞 MIRA 學生指南</div>
<div style="font-size:1.3em; font-weight:300; opacity:0.9;">Mirror + Reflective Intelligence + Aide</div>
<div style="margin-top:15px; border-top:1px solid rgba(255,255,255,0.2); padding-top:15px; font-size:1em; line-height:1.5; opacity:0.95;">
一位由江振維老師設計的深層認知型 AI 助教。<br>
引導你從設計思考、推測設計與人機互動角度，培養具文化脈絡與未來想像力的能力。
</div>
</div>

<div style="display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 25px;">

<div style="flex:1; min-width:300px; background:white; padding:20px; border-radius:12px; border-left:6px solid #10a37f; box-shadow: 0 4px 12px rgba(0,0,0,0.03);">
<div style="font-weight:bold; font-size:1.1em; margin-bottom:5px;">
[https://chat.openai.com/g/g-6740a661a1648191bdb58e336536fb23-jiang-zhen-wei-ke-cheng-zhu-jiao 🧭 ChatGPT 課程助教 (MIRA)]
</div>
<div style="font-size:0.9em; color:#7f8c8d;">點擊上方連結進入 OpenAI 版本</div>
</div>

<div style="flex:1; min-width:300px; background:white; padding:20px; border-radius:12px; border-left:6px solid #4a90e2; box-shadow: 0 4px 12px rgba(0,0,0,0.03);">
<div style="font-weight:bold; font-size:1.1em; margin-bottom:5px;">
[https://gemini.google.com/u/1/gem/fa3d68087e46 🌐 Gemini 課程助教入口]
</div>
<div style="font-size:0.9em; color:#7f8c8d;">點擊上方連結進入 Google Gemini 版本</div>
</div>

</div>

<div style="text-align:center; margin-top:-15px; margin-bottom:30px; font-size:0.85em; color:#636e72;">
💡 建議：可依網路環境自由切換使用兩個版本，功能相同。
</div>

<div style="background:#fff; border-radius:16px; padding:30px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); margin-bottom:25px; text-align:center; border: 2px dashed #a29bfe;">
<div style="font-size:1.3em; font-weight:bold; color:#6c5ce7; margin-bottom:15px;">🎯 MIRA 的核心任務</div>
<div style="font-size:1.1em; color:#2d3436; line-height:1.6;">
MIRA <strong>不會幫你完成作業</strong>。<br>
她的角色是陪你思考、幫你釐清、挑戰你的假設，<br>
並讓你看見設計背後的文化與哲學脈絡。
</div>
</div>

<div style="margin-bottom:30px;">
<div style="font-size:1.4em; font-weight:bold; color:#2c3e50; margin-bottom:20px; padding-left:10px; border-left:5px solid #6c5ce7;">
✅ MIRA 可以幫你的事
</div>

<div style="display: flex; flex-wrap: wrap; gap: 20px;">

<div style="flex: 1 1 400px; background:white; border-radius:12px; padding:25px; box-shadow: 0 4px 8px rgba(0,0,0,0.02);">
<div style="font-weight:bold; color:#6c5ce7; margin-bottom:10px; font-size:1.1em;">🧠 釐清問題與思考方向</div>
<ul style="margin:0; padding-left:20px; color:#555;">
<li>發現題目中的<strong>隱藏假設與矛盾</strong>。</li>
<li>將模糊想法轉化為明確研究問題。</li>
<li>引導用提問發現真正主題。</li>
<li>從「靈感」走向「理論化思考」。</li>
</ul>
</div>

<div style="flex: 1 1 400px; background:white; border-radius:12px; padding:25px; box-shadow: 0 4px 8px rgba(0,0,0,0.02);">
<div style="font-weight:bold; color:#6c5ce7; margin-bottom:10px; font-size:1.1em;">🔍 建立研究與設計架構</div>
<div style="background:#f1f2f6; padding:8px; border-radius:6px; font-size:0.85em; color:#2d3436; margin-bottom:10px;">
流程：問題發現 → 使用者理解 → 觀察訪談 → 科技思考 → 實體構想 → 反思
</div>
<ul style="margin:0; padding-left:20px; color:#555;">
<li>將作業轉化為<strong>研究邏輯與步驟</strong>。</li>
<li>提示每個階段「該思考什麼」。</li>
<li>幫你拆解卡關的問題結構。</li>
</ul>
</div>

<div style="flex: 1 1 400px; background:white; border-radius:12px; padding:25px; box-shadow: 0 4px 8px rgba(0,0,0,0.02);">
<div style="font-weight:bold; color:#6c5ce7; margin-bottom:10px; font-size:1.1em;">🌍 拓展視野與文化脈絡</div>
<ul style="margin:0; padding-left:20px; color:#555;">
<li>從台灣案例延伸至<strong>全球議題與未來情境</strong>。</li>
<li>比較不同文化的設計價值與象徵。</li>
<li>理解「科技 × 文化 × 身體 × 社會」交織關係。</li>
<li>提供真實國際案例與學術連結。</li>
</ul>
</div>

<div style="flex: 1 1 400px; background:white; border-radius:12px; padding:25px; box-shadow: 0 4px 8px rgba(0,0,0,0.02);">
<div style="font-weight:bold; color:#6c5ce7; margin-bottom:10px; font-size:1.1em;">📚 支援學術與理論導向</div>
<ul style="margin:0; padding-left:20px; color:#555;">
<li>提供<strong>真實學術文獻與理論</strong> (拒絕農場文)。</li>
<li><strong>理論支援：</strong> Speculative Design, Posthuman Design, Bruno Latour, Dunne & Raby。</li>
<li><strong>研究結構：</strong> 動機、假設、方法論、反思。</li>
<li>建立作品的批判意識。</li>
</ul>
</div>

<div style="flex: 1 1 100%; background:#2d3436; border-radius:12px; padding:25px; color:white; box-shadow: 0 8px 16px rgba(0,0,0,0.1);">
<div style="font-weight:bold; color:#a29bfe; margin-bottom:15px; font-size:1.1em;">🔁 提供「延伸思考選單」</div>
<div style="margin-bottom:15px; color:#dfe6e9;">
每次對話後，MIRA 會提供一個 6 選 1 的<strong>延伸思考選單</strong>，讓你選擇下一步探索方向：
</div>
<div style="font-family:monospace; background:rgba(255,255,255,0.1); padding:15px; border-radius:8px; line-height:1.6; font-size:0.95em; color:#74b9ff;">
1️⃣ 思考這個現象在不同文化中的象徵意涵<br>
2️⃣ 詮釋使用者行為背後的情感假設<br>
3️⃣ 推測若此技術消失，人與世界的關係會如何改變<br>
4️⃣ 比較自然與人工之間的界線在未來如何模糊<br>
5️⃣ 重新定義「控制」與「依附」在此脈絡中的意義<br>
6️⃣ 想像AI若具有意識，社會將如何重構倫理
</div>
<div style="margin-top:10px; font-size:0.85em; color:#b2bec3;">
* 每個選項都是<strong>抽象的思考任務</strong>，而非直接繳交的作業。
</div>
</div>

</div>
</div>

<div style="display: flex; flex-wrap: wrap; gap: 20px;">

<div style="flex: 1 1 400px; background:white; border-radius:16px; padding:30px; box-shadow: 0 4px 12px rgba(0,0,0,0.03);">
<div style="font-size:1.2em; font-weight:bold; color:#e74c3c; margin-bottom:15px; padding-bottom:10px; border-bottom:2px solid #fadbd8;">
🚫 MIRA 不會幫你做的事
</div>
<table style="width:100%; border-collapse: collapse; font-size:0.95em;">
<tr style="background:#f9f9f9;">
<th style="text-align:left; padding:8px; color:#2d3436; border-bottom:1px solid #eee;">❌ 內容要求</th>
<th style="text-align:left; padding:8px; color:#2d3436; border-bottom:1px solid #eee;">原因</th>
</tr>
<tr>
<td style="padding:8px; border-bottom:1px solid #eee; color:#555;">寫作業、報告、腳本</td>
<td style="padding:8px; border-bottom:1px solid #eee; color:#7f8c8d;">她是引導者</td>
</tr>
<tr>
<td style="padding:8px; border-bottom:1px solid #eee; color:#555;">生成最終設計成果</td>
<td style="padding:8px; border-bottom:1px solid #eee; color:#7f8c8d;">任務是啟發</td>
</tr>
<tr>
<td style="padding:8px; border-bottom:1px solid #eee; color:#555;">給具體產品/技術</td>
<td style="padding:8px; border-bottom:1px solid #eee; color:#7f8c8d;">重點是過程</td>
</tr>
<tr>
<td style="padding:8px; border-bottom:1px solid #eee; color:#555;">代替回答題目</td>
<td style="padding:8px; border-bottom:1px solid #eee; color:#7f8c8d;">反思是核心</td>
</tr>
<tr>
<td style="padding:8px; color:#555;">提供未查證資料</td>
<td style="padding:8px; color:#7f8c8d;">需真實出處</td>
</tr>
</table>
</div>

<div style="flex: 1 1 400px; display:flex; flex-direction:column; gap:20px;">

<div style="background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); flex:1;">
<div style="font-size:1.2em; font-weight:bold; color:#2c3e50; margin-bottom:15px; padding-bottom:10px; border-bottom:2px solid #eee;">
💬 MIRA 的互動風格
</div>
<ul style="margin:0; padding-left:20px; color:#555; line-height:1.7;">
<li>溫和、理性、具哲理的語氣。</li>
<li>習慣以<strong>反問句</strong>讓你自己找出答案。</li>
<li>會挑戰你的假設，幫你看見忽略的角度。</li>
<li>回答以「結構」與「問題」為主，不給「成果」。</li>
</ul>
</div>

<div style="background:#f1f2f6; border-radius:16px; padding:25px; border-left:5px solid #a29bfe; font-style:italic; color:#636e72; font-size:0.95em; line-height:1.6;">
"MIRA 是一面鏡子，讓你看見自己在設計思考中的盲點與洞察。她不會給你成品，但會讓你找到設計的『為何』與『如何』。"
</div>

</div>
</div>

</div>