前一篇文章:利用Claude AI產生互動式的網頁程式,快速而且可以立即線上執行提到了利用 Claude AI 產生網頁程式。有興趣的話也可以試試不同的 AI,例如:v0.dev(https://v0.dev/)。

輸入提示詞,例如:為我製作一個互動式網頁,可以做為碼表之用。

網頁上立刻傳回了一個互動網頁,在 Preview 中可以預覽這個網頁程式。

點選右上角的:Share,即可取得該程式的公開連結。

在瀏覽器中使用該連結,就可以使用。(本例:https://v0.dev/chat/oDNWRvxJLRT?b=PuWe5v4TmyC

製作另一個程式,提示詞:為我製作一個網頁中的七段顯示器風格的數位時鐘。

你可以檢視程式,複製程式和下載程式:

在 Library 中會記錄你製作的歷程結果:

程式可以產生 Publish Block,會得到一個唯一的公開網址。

使用這個網址可以看到並使用這個結果。

文章標籤
全站熱搜
創作者介紹
創作者 vincent 的頭像
vincent

學不完.教不停.用不盡

vincent 發表在 痞客邦 留言(0) 人氣(398)