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

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

一個指令即可完成互動式網頁(V0.dev)

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

一個指令即可完成互動式網頁(V0.dev)

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

一個指令即可完成互動式網頁(V0.dev)

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

一個指令即可完成互動式網頁(V0.dev)

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

一個指令即可完成互動式網頁(V0.dev)

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

一個指令即可完成互動式網頁(V0.dev)

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

一個指令即可完成互動式網頁(V0.dev)

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

一個指令即可完成互動式網頁(V0.dev)

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

一個指令即可完成互動式網頁(V0.dev)

學不完.教不停.用不盡文章列表

arrow
arrow
    文章標籤
    Claude V0.dev
    全站熱搜
    創作者介紹
    創作者 vincent 的頭像
    vincent

    學不完.教不停.用不盡

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