Claude AI是什麼？它是由Open AI公司前員工另外開發的工具，和ChatGPT有點不太一樣。本文帶你開始免費使用，從註冊帳號到設計出第1個網頁，實際瞭解它的特色。
一、Google帳號登入
和NotebookLM相同，Claude也是一款線上AI工具，直接前往官方網站首頁，註冊帳戶就可以開始使用了，而且和許多線上服務一樣，直接使用Google帳號登入最方便。另外在登入過程中，網頁右側會不斷循環顯示圖片與文字，簡單說明這款AI工具用途與可能的應用場景。
二、免費使用與付費
從建立帳號到開始使用Claude，其實是有一連串很多的步驟，不過和上個步驟看到的一樣，都是簡單直覺的操作介面，大概只要一直點選就可以了，贊贊小屋在此針對比較重要的地方進行補充。
不同於ChatGPT預設是免費使用，在使用中才會提醒升級方案，Claude則是在設定帳號的過程中，就會有一個頁面是選擇使用哪個方案，不過它跟ChatGPT一樣，大部分情況下免費使用已經很足夠了。
三、Claude功能介紹
ChatGPT有時候會在首頁列出它可以做的事情，Claude則是在帳戶初始設定時，提供一份清單讓用戶選擇三個主題。如此一方面是幫助使用者理解Claude的功能，一方面也能讓模型更加了解使用者需求。
贊贊小屋選擇的是：
- Coding & development（寫程式與開發）
- Writing and content creation（撰寫文章）
- Design and creativity（設計與創意）
四、提出第一個問題
完成上述設定後，就可以開始正式使用。雖然在先前已經選定三個主題，但提問框下方仍會出現Learn(學習)與Life stuff(生活應用)等其他選項，這些分類可能只是提示作用，不會限制回答的範圍。
另外也注意到，即使在建立帳號時選擇了免費方案，頁面中還是會出現升級為PLUS會員的提示。老實說，既然ChatGPT免費版已經非常好用，Claude如果沒有提供更優秀的AI服務，升級的吸引力並不大。
在此贊贊小屋的提問：
「Please give a picture for online course, which cover Excel, VBA, Other Tools, and life stuff.」
目的是希望AI幫忙生成一張線上課程的圖片，內容分為四個部分：Excel、VBA、其他工具、生活應用，由於之前語言偏好設定為英文，因此此次提問也是使用英文。
五、Claude AI是什麼？
Claude收到指令之後，開始快速回應。這裡與預期不同的是，Claude並不是直接給出圖片，而是用寫HTML程式碼的方式回應這個需求。
右側預覽視窗會看到Claude一步步生成程式碼，處理結構、配色、圖示與文字標籤。贊贊小屋的敘述其實只有一句話，但Claude會自動補充和擴展內容，例如左側看到的「Key Features」，據此進一步完善頁面內容。從這個角度而言，它不但能充份理解使用者所提供的資訊，還能非常專業的以一個程式開發者的角度回應需求，如此對於Claude AI是什麼應該有基礎的認識了。
最上方還有兩個可以切換的小圖標，能在「預覽畫面」和「原始碼」之間切換。
六、視覺化圖形設計
延續上一步，將上方切換器從原始碼切換到預覽畫面，可以看到剛剛還是一堆程式碼的內容，現在竟然呈現為非常整齊漂亮的圖示與文字排版，右上角還有個可以下拉的箭頭，會出現「Download as HTML」，可以下載這份HTML網頁原始碼。
七、電腦HTML文件
下載完成後，從檔案的圖標就可以判斷這是一份HTML文件。贊贊小屋使用的是蘋果Mac電腦，右邊可以直接預覽HTML檔案的呈現畫面。然後只要在檔案上連按兩下，或者右鍵直接選擇「打開」，就能夠開啟這份文件。
八、設計第1個網頁
果然如同預期，在瀏覽器看到Claude所設計的網頁，畫面非常精緻美觀，如果沒有AI的話，HTML自學入門手動製作會很困難，可能要花很多時間撰寫代碼不斷修修改改。現在只要一句簡單的英文描述，Claude大神幫你產出完整的HTML原始碼和視覺化頁面預覽，這樣的效率與品質，不禁讓人對於這款AI工具非常期待。
AI作品不同應用方向
這篇文章中，贊贊小屋原始提問是想要得到一張線上課程的圖片，Claude卻提供了一份HTML格式的網頁設計。雖然形式不同，但不論是在Claude的網頁預覽中，或是下載檔案後以瀏覽器開啟，本質上都可以當作是一張圖片來使用，其實只要簡單截圖就好了。
更進一步說，這份HTML原始程式碼是可以修改的，當然也可以嵌入到自己網站上，運用上非常有彈性。從這次的體驗來看，Claude提供了一種比單純圖片更具有互動性的解法，值得進一步探索。
歡迎報名課程：
AI活用術：1人公司與會計人的數位工具大全集
