夜夜躁很很躁日日躁麻豆,精品人妻无码,制服丝袜国产精品,成人免费看www网址入口

網(wǎng)易首頁 > 網(wǎng)易號 > 正文 申請入駐

6000 字,學(xué)不會(huì)退網(wǎng)!藏師傅Trickle AI保姆級Vibe Coding高級通關(guān)攻略

0
分享至

大家好,我是歸藏(guizang),給大家?guī)砀瘟藘商斓挠?Trickle AI 進(jìn)行一些高級 Vibe Coding 的保姆級教程。

我本來是覺得 Trickle AI(https://trickle.so/)這個(gè)產(chǎn)品交互和一些小細(xì)節(jié)特別好,想介紹一下產(chǎn)品的,結(jié)果越用越心驚。

我發(fā)現(xiàn) Vibe Coding 的方式和生態(tài)都會(huì)因?yàn)檫@個(gè)產(chǎn)品而改變了。

我在幾個(gè)月前說的一些 Vibe Coding 的原則都已經(jīng)不適用了,我們需要新的 Vibe Coding 方式,用新的原則跟 Agent 相處。


所以這個(gè)內(nèi)容我會(huì)詳細(xì)介紹我用 Trickle AI 構(gòu)建一個(gè)完整產(chǎn)品所用的所有方法和這么做的原因,具體內(nèi)容包括:


  1. 首次提示詞書寫方式的改變
  2. Trickle AI Magic Canvas 的強(qiáng)大能力,永久上下文
  3. 如何又快又省錢的用 Edit 模式對項(xiàng)目進(jìn)行修改
  4. 如何為網(wǎng)頁創(chuàng)建數(shù)據(jù)庫和上傳數(shù)據(jù)
  5. 如何利用外部組件增加網(wǎng)頁美觀度
  6. 如何免費(fèi)為網(wǎng)頁增加搜索功能
  7. 網(wǎng)頁上線后的設(shè)置-SEO 優(yōu)化、域名綁定、數(shù)據(jù)分析

內(nèi)容有點(diǎn)長,希望可以提前要一下點(diǎn)贊,轉(zhuǎn)發(fā)收藏后面看也行。

開始之前我們先來看一下,我 Vibe Coding 的結(jié)果(https://fragments.guizang.ai)。

一個(gè) AIGC 周刊的信息聚合網(wǎng)站,里面會(huì)有過去兩年我收集到的所有 AI 產(chǎn)品、關(guān)鍵論文和文章、關(guān)鍵的事件記錄,支持搜索支持分類檢索,還包含一個(gè)后臺(tái)來執(zhí)行一些數(shù)據(jù)上傳和同步的工作。


我很早就想做一個(gè)網(wǎng)頁,把我更新兩年的 AIGC 周刊的內(nèi)容原子化,變成一個(gè)一個(gè)卡片,他會(huì)成為 AI 發(fā)展的一個(gè)編年史,你可以看到從 ChatGPT 發(fā)布開始每周的變化,你也可以方便的檢索過去的好內(nèi)容。


用 AI 開發(fā)這樣一個(gè)好用的網(wǎng)站是很費(fèi)勁的,即使他看起來主要以內(nèi)容展示為主。

但是我需要處理數(shù)據(jù),然后把數(shù)據(jù)傳到一個(gè)龐大的數(shù)據(jù)庫里面去,然后設(shè)計(jì)師的驕傲要求我需要把網(wǎng)頁做的好看漂亮,我需要微網(wǎng)頁增加分類和搜索,需要給他綁定屬于我的域名,需要做 SEO 和數(shù)據(jù)分析。

在 Trickle AI 以前沒有一個(gè) Vibe Coding 產(chǎn)品可以讓我把這件事情做完,主要有下面幾個(gè)問題:

  1. 數(shù)據(jù)庫的集成方式非常簡陋基本都用 Supabase,操作很復(fù)雜我需要自己學(xué)習(xí)處理數(shù)據(jù)-上傳-建表-鏈接。
  2. 我需要對生成的網(wǎng)頁結(jié)果進(jìn)行非常細(xì)致的樣式修改,現(xiàn)有的 Agent 根本不支持我進(jìn)行幾十輪的迭代,首先是 Token 消耗會(huì)非??膳?,另外是十輪修改就會(huì)超出上下文,Agent 有極大可能把你的項(xiàng)目改的面部全非。
  3. 沒有后端服務(wù),無法完成比如數(shù)據(jù)管理以及一些 API 狀態(tài)的管理。
  4. 不能綁定的自己的域名,沒有 SEO 優(yōu)化和數(shù)據(jù)分析能力,沒辦法為運(yùn)營提供幫助。

以往非代碼的方式我只能選 Framer,但是 Framer 非常的復(fù)雜,我進(jìn)行任何微小的改動(dòng)都需要搜索教程,沒有幾十小時(shí)經(jīng)驗(yàn),即使你是設(shè)計(jì)師也搞不定。

但是現(xiàn)在時(shí)代變了,我只用了一個(gè)下午的時(shí)間成本,和 6 美元的金錢成本就搞定了上面的所有事情。

Trickle AI 是一個(gè)會(huì)改變 Vibe Coding 生態(tài)的產(chǎn)品,而且起碼會(huì)把 Framer 和 Figma Site 的份額吃掉!

我們開始今天的教程。

首先是第一次提示詞

按我原來的原則來看我們需要第一次就把提示詞寫的非常詳細(xì)和準(zhǔn)確,因?yàn)榇蟛糠值木幋a Agent 改幾次就很容易超出上下文,導(dǎo)致?lián)p壞項(xiàng)目。

但是 Trickle AI 用優(yōu)秀的上下文工程和優(yōu)化方案一定程度上解決了問題,每次樣式修改消耗的積分非常少,我們只需要在剛開始的時(shí)候大致描述清楚最主要的頁面和功能就可以了,樣式細(xì)節(jié)和后面的附加功能可以不管。

比如我這里就只是簡單描述了一下頁面的組成部分以及字體和背景顏色。


然后他就給了一個(gè)很不錯(cuò)的結(jié)果。


當(dāng)然第一次肯定是不符合你的需求的即使他再漂亮,所以我們接下來就面臨修改內(nèi)容和樣式的問題。

以往很多 Vibe Coding Agent 你幾乎只能用文字去描述想要修改的部分,但是 Trickle AI 提供了非常豐富的方式讓你去修改和保證生成效果。

介紹一下 Trickle AI Magic Canvas

不同于其他 Agent 那種左邊聊天右邊只有一個(gè)預(yù)覽網(wǎng)頁窗口,他們右邊做了一個(gè)無限畫布。

除了展示你優(yōu)化的不同歷史版本的網(wǎng)頁之外,還有各種網(wǎng)頁構(gòu)建所需要的上下文,這部分是永久的。

即使 Agent 的上下文超了,這部分信息也會(huì)一直存在,保證生成結(jié)果,某種程度完成了卡帕西說的永久上下文的概念。

Magic Canvas 的四個(gè)重要組成部分:

  • Database(灰色):這個(gè)很好理解就是你網(wǎng)頁的數(shù)據(jù)庫,所有的數(shù)據(jù)都會(huì)存在這里,你可以編輯和修改里面的數(shù)據(jù)。
  • Assets(藍(lán)色):這部分可以放你的網(wǎng)頁需要用到的圖片素材,支持上傳,后面你可以把素材放到網(wǎng)頁的指定位置。
  • Knowledge(黃色):這里會(huì)存放你需要讓模型記住的所有信息,而且模型會(huì)自動(dòng)更新,你也可以編輯。比如這里模型就記下了網(wǎng)站的功能、技術(shù)棧、項(xiàng)目結(jié)構(gòu),還有在我強(qiáng)調(diào)了兩次密碼安全后,他自己寫了一份密碼安全說明要求后面都按照這個(gè)方式存放密碼。
  • Rules(紫色):這部分大家應(yīng)該都了解就是需要模型遵守的規(guī)則,比如這里默認(rèn)就會(huì)要求模型在執(zhí)行什么操作的時(shí)候需要更改 Knowledge 的對應(yīng)部分。


如何又快又省的用 Edit 模式對項(xiàng)目進(jìn)行修改

我們在寫網(wǎng)頁的時(shí)候?qū)?xiàng)目做的操作主要分為兩個(gè)部分:

首先是一些樣式和內(nèi)容的增加和修改,這種大部分不涉及到功能很多都是加個(gè)鏈接或者改某個(gè)元素的樣式;

然后就是涉及到復(fù)雜功能的部分這部分基本上都要 AI 去處理很多邏輯或者新增頁面。

這里我們這里主要介紹如何利用 Trickle AI 的一些能力高效和省錢的完成第一部分修改任務(wù)。

首先是一些基本樣式的修改,你可以點(diǎn)擊畫布下面這個(gè)鼠標(biāo)的圖標(biāo),就進(jìn)入了 Edit 模式,這時(shí)候就可以選中頁面上的元素了。

選中之后左側(cè)的聊天窗口就會(huì)出現(xiàn)一個(gè) CSS 屬性的編輯組件,這時(shí)候你就可以直接編輯對應(yīng)的文本、顏色對其方式等內(nèi)容,編輯完點(diǎn)保存就行。

解決了你用文字描述不知道該怎么說的問題,另外由于直接把內(nèi)容傳入了 AI,所以他可以精準(zhǔn)的找到位置大幅節(jié)省 Token 消耗。


另外你會(huì)發(fā)現(xiàn),選中的元素不止有上面的可視化修改區(qū)域,在輸入框上面也回填了,如果上面的元素沒有你想要修改的部分也可以打字描述。

然后 Edit 模式還不止可以選擇網(wǎng)頁元素,你還可以選擇 Assets 部分的元素。

比如我這里可以選中網(wǎng)頁標(biāo)題,再選中 Assets 中我上傳的貓貓頭像,兩個(gè)部分就都回填到了輸入框里面,這時(shí)候你就可以將圖片快速添加到指定位置了,我還讓他給圖片加上了圓形遮罩。

這樣是不是比你吭哧癟肚描述要好多了。


最后一個(gè)技巧,我們需要介紹一個(gè)概念“設(shè)計(jì)變量”,你是不是以為網(wǎng)頁中所有元素的顏色、大小甚至描邊粗細(xì)都是單獨(dú)寫的樣式。

其實(shí)很多時(shí)候?yàn)榱艘恢滦院蛥f(xié)作在正常寫前端程序的時(shí)候都會(huì)將這些樣式多封裝一層,類似下面圖片。比如描邊顏色一般會(huì)指向這個(gè)變量名稱而不是具體的顏色色值。

這樣我們修改整個(gè)系統(tǒng)所有頁面的描邊顏色的時(shí)候就不需要一個(gè)一個(gè)改了,直接把映射表里的色值改掉,整個(gè)系統(tǒng)都會(huì)生效。


但是大部分編碼 Agent 就是單獨(dú)寫的樣式,所以隨著你越該越多,模型丟三落四的現(xiàn)象就會(huì)越來越嚴(yán)重,需要傳入的上下文也越來越長,直接導(dǎo)致上下文管理失敗或者丟失需要改的部分。

Trickle AI 直接內(nèi)置了一套設(shè)計(jì)變量,這就導(dǎo)致我們在修改樣式的時(shí)候直接讓他改變量的值就可以了,他不需要查詢這個(gè)多個(gè)頁面的樣式文件,就能修改多個(gè)頁面的元素樣式。

了解了這個(gè)以后你用這種提問方式就可以頻繁修改網(wǎng)頁樣式而不用擔(dān)心過多的 Token 消耗和上下文占用。

比如這里我希望整個(gè)網(wǎng)站三個(gè)頁面的主題色、背景色和分割線顏色都做一些更改,就會(huì)直接跟他說,他就會(huì)查詢這三個(gè)部分的變量名稱,直接改掉對應(yīng)的色值。


你也可以讓他拆分和新建設(shè)計(jì)變量,比如我這里原來導(dǎo)航的分割線和卡片描邊共享一個(gè)變量,但是我不想他們是一個(gè)顏色,所以這個(gè)時(shí)候就可以要求他將分割線顏色和卡片描邊顏色的變量分開分別設(shè)置。


這期間只涉及到設(shè)計(jì)變量的文件,所以消耗的 Token 非常少,這也是為什么我改了六十多個(gè)版本只花了幾百積分的原因(17 美元會(huì)員送1500 積分,每天送 350 積分)。

為網(wǎng)頁添加數(shù)據(jù)庫

剛開始創(chuàng)建的時(shí)候 Trickle AI 像其他 Agent 一樣是把虛擬數(shù)據(jù)直接寫在網(wǎng)頁上的,但是我們需要把以往 AIGC 的數(shù)據(jù)都上傳上去,所以肯定需要數(shù)據(jù)庫。

這里需要先讓他初始化數(shù)據(jù)庫將數(shù)據(jù)庫表格的列變?yōu)槲覀冃枰牟糠郑热缥业目ㄆ厦妫蟹诸?、?biāo)題、描述、更新時(shí)間以及鏈接。

之后他就會(huì)幫你初始化數(shù)據(jù)庫而且把虛擬數(shù)據(jù)放進(jìn)去,并且把數(shù)據(jù)庫跟網(wǎng)站開始鏈接,數(shù)據(jù)庫數(shù)據(jù)的變化會(huì)反應(yīng)在網(wǎng)頁的卡片上。


我的周刊有非常多的數(shù)據(jù),而且數(shù)據(jù)都是非標(biāo)的文章,首先,我需要把這些數(shù)據(jù)變成跟數(shù)據(jù)庫的格式一樣的標(biāo)準(zhǔn)化表格數(shù)據(jù)。

這時(shí)候就得找 o3 了,你們處理數(shù)據(jù)也能這么玩。

直接把文章和 Trickle AI 的數(shù)據(jù)庫截圖發(fā)給 o3,要求他參考圖片的數(shù)據(jù)庫格式把文章的內(nèi)容整理成 CSV 文件,不能映射的內(nèi)容不整理。


搞定以后,我發(fā)現(xiàn)一個(gè)事情這個(gè)才是我覺得 Trickle AI 讓我驚嘆的地方。

我發(fā)現(xiàn)他們還沒做數(shù)據(jù)庫數(shù)據(jù)導(dǎo)入的功能,這不麻爪了了嗎,后來我就想能不能讓他寫個(gè)后臺(tái)網(wǎng)頁完成這個(gè)功能。

網(wǎng)頁的功能就是解析我上傳的 CSV 文件然后存到數(shù)據(jù)庫里面,我嘗試了一下,結(jié)果真的可以!

他真的寫了一個(gè)后臺(tái)網(wǎng)頁,我只需要把 o3 給我的 CSV 文件上傳上去,之后他就會(huì)自動(dòng)解析,然后更新到數(shù)據(jù)庫中,這樣我就完成了把我以往的數(shù)據(jù)傳到 Trickle AI 的過程。


真的太牛批了,說明整個(gè)系統(tǒng)的智能程度非常高,即使前面的 UI 沒有展示你也可以自己寫一個(gè)新的 UI 讓他訪問和修改這些數(shù)據(jù),這個(gè)系統(tǒng)的可能性是無限的。

當(dāng)然這個(gè)網(wǎng)頁比較危險(xiǎn),所以我讓他給后臺(tái)加了登錄密碼,確保不會(huì)被人無意間訪問,你們搞類似網(wǎng)頁的時(shí)候也可以參考這種方式。

來讓頁面更美觀吧

基本能力搞定以后,我優(yōu)化了一堆首頁的設(shè)計(jì)細(xì)節(jié),比如更改卡片圓角、整體配色、增加頂部導(dǎo)航以及為網(wǎng)頁增加移動(dòng)端適配等等,基本用的都是之前說的 Edit 模式加上修改設(shè)計(jì)變量的方式。

來看一下對比:


然后我就想挑戰(zhàn)一下 Trickle AI 的上限,搞一個(gè)視覺效果不錯(cuò)的炫技頁面,于是任務(wù)就落在了關(guān)于頁面身上。

我先是讓他創(chuàng)建了一個(gè)非?;A(chǔ)的關(guān)于頁面,基本只有標(biāo)題和描述。


除了排版字體之外的更改外,主要是三個(gè)地方的更改。

首先是在社交媒體展示這里,讓他從原來中規(guī)中矩的圖標(biāo)加鏈接,變成了 hover 上去以后會(huì)傾斜和出現(xiàn)彌散投影的卡片。

我就只跟 Trickle AI 說 hover 會(huì)傾斜,并且加投影,沒想到他的傾斜角度和投影樣式搞得這么好,還加上了緩動(dòng)效果。


然后感覺這個(gè)白色背景有點(diǎn)單調(diào),于是就讓 Trickle AI 給北京加上了淺紫色的點(diǎn)陣效果,重新把整個(gè)頁面內(nèi)容變?yōu)橐粡埧ㄆ恍枰f點(diǎn)陣的圓點(diǎn)大小和顏色就行。


最后重點(diǎn)的來了,在作者這里我想要用一個(gè)炫酷的方式展示我的所在地,直接選了一個(gè)叫 COBE 的 3D 地球組件。

我們只需要跟他說用 CDN 引用組件,然后說一下組件放到哪里就行,帶上組件文檔的示例代碼就搞定了,你可以在這里查看(https://cobe.vercel.app/docs)示例代碼。

而且一次成功,V0 即使直接引用地球也會(huì)變橢圓,高下立見朋友們。


給網(wǎng)頁增加搜索功能

我們網(wǎng)頁最后還有一個(gè)功能需要做,如果全部的數(shù)據(jù)上傳上來,可能會(huì)達(dá)到上千條信息,只靠 5 個(gè)分類顯然不太現(xiàn)實(shí),所以還是得加一下搜索。

這里當(dāng)然不能讓他自己實(shí)現(xiàn)一個(gè)搜索,這個(gè)太復(fù)雜了,我們有免費(fèi)的 Algolia 這種搜索服務(wù)可以使用。

你只需要注冊一個(gè) Algolia 賬號,數(shù)據(jù)鏈接方式選擇爬蟲,他會(huì)讓你在網(wǎng)頁加一個(gè)鏈接,這時(shí)候你發(fā)給 AI 讓他加就行。


然后把他新手引導(dǎo)最后一部分的信息給到 Trickle AI 跟他說幫我基于這個(gè)信息用 CDN 引用的方式給網(wǎng)站加上 Algolia 搜索服務(wù)就行。


在他加上以后你大概率會(huì)發(fā)現(xiàn)搜不到東西,由于我們是單頁面網(wǎng)站,所以爬蟲爬不到頁面結(jié)構(gòu)沒辦法搜索。

這時(shí)候我們需要主動(dòng)推送數(shù)據(jù)給 Algolia 才行,但是推送數(shù)據(jù)需要后端服務(wù)啊 Trickle AI 又沒有。

哈哈,我跟 Trickle AI 在聊天模式討論后小腦袋瓜一轉(zhuǎn),還記得我們是怎么上傳數(shù)據(jù)的嗎,對的后臺(tái)頁面,那能不能在后臺(tái)頁面加個(gè)功能主動(dòng)觸發(fā)同步呢。

可以的,你需要去 Algolia 找到寫入的 API Key 提供給 Trickle AI 他就能幫你搞定。


同步數(shù)據(jù)之后我們就能搜索對應(yīng)的信息了。


網(wǎng)站上線后的設(shè)置-綁定域名、SEO、數(shù)據(jù)分析

到現(xiàn)在我們的網(wǎng)站已經(jīng)是完全體了,但是上線后你的工作才剛開始。

Trickle AI 提供了非常豐富的網(wǎng)頁運(yùn)營功能,常見的自定義域名、SEO 設(shè)置和數(shù)據(jù)分析功能都是有的。

首先如果你有自己的域名的話,還是用自己的域名好一點(diǎn),這樣可以固定域名,一般自己的域名也比 Trickle AI 分配給你的的也好記,如果你想綁定自己的域名可以在右上角Publish 彈窗這里點(diǎn)擊 「+ Custom domain」按鈕。


然后在彈窗里面點(diǎn)擊「New domain」就行,里面會(huì)有詳細(xì)的引導(dǎo),直接去你域名服務(wù)商那里復(fù)制填寫內(nèi)容就行。


然后我們需要設(shè)置一些 SEO 需要的信息,大致就是可以讓谷歌搜索的時(shí)候可以搜到你,同時(shí)填寫網(wǎng)頁后在推特這種地方會(huì)顯的是一個(gè)卡片而不是只有一個(gè)鏈接。

還是在 Publish 按鈕彈窗的 Bookmark Preview 這里點(diǎn)擊那個(gè)鉛筆圖標(biāo)。


我們需要做的首先是把里面確實(shí)的圖片補(bǔ)一補(bǔ),比如網(wǎng)頁的圖標(biāo)以及預(yù)覽圖片,其他 SEO 部分 Trickle AI 已經(jīng)幫你寫好了,你也可以提出你的需求后讓 Trickle AI 幫你改。


最后就是數(shù)據(jù)分析了,網(wǎng)站上線之后我們總要看一下數(shù)據(jù)怎么樣,然后針對性的宣傳和修改。還是在右上角Publish 彈窗這里點(diǎn)擊 「+ Custom domain」按鈕。


然后在彈窗部分就可以看到大致的數(shù)據(jù)了,你也可以點(diǎn)擊那三個(gè)點(diǎn)圖標(biāo),再展開的新彈窗里看到非常詳細(xì)的其他數(shù)據(jù)。


到這里我們的整個(gè)網(wǎng)站就搞定了,這個(gè)教程里面除了基本的創(chuàng)建,我主要在教你如何修改以及如何增加常見的網(wǎng)頁能力,希望你看完的時(shí)候能有所收獲。

Trickle AI 通過 Magic Canvas 以及樣式修改跟左側(cè)輸入框的聯(lián)動(dòng)以及優(yōu)秀的上下文工程和設(shè)計(jì)系統(tǒng)跟 AI 的結(jié)合,除了大幅提高了 Agent 的能力以外還大幅降低了現(xiàn)在開發(fā) Agent 最大的成本問題。

而且設(shè)計(jì)系統(tǒng)跟組件庫以后還會(huì)有更大的發(fā)展和更多的能力,帶來更大的網(wǎng)絡(luò)效應(yīng)。

從我目前的感受來說目前的 Trickle AI 終于讓前端開發(fā) Agent 在前端功能上超過了 Framer 以及 Webflow 這種可視化建站產(chǎn)品。

而且解決了這類產(chǎn)品最大的問題,過于復(fù)雜的操作和學(xué)習(xí)成本,任何改動(dòng)只需要跟 AI 說就行,他都能給你啟發(fā)幫你搞定。

寫到這里,我突然意識到:我們正站在一個(gè)比「學(xué)會(huì)用 AI 寫代碼」更大的拐點(diǎn)上。

過去兩年,我們經(jīng)歷了三個(gè)階段:

  1. 1. Prompt 即魔法 (2022-2023):把需求翻譯成咒語,期待 AI 變出結(jié)果

  2. 2. 工具鏈整合 (2023-2024):用 Cursor + V0 + Replit 拼湊工作流

  3. 3. 范式遷移 (2024-?):像 Trickle AI 這樣的產(chǎn)品,開始重構(gòu)「開發(fā)」本身的定義

觀察 Trickle AI 的 Magic Canvas 會(huì)發(fā)現(xiàn),它不再是「代碼編輯器」的替代品,而是「數(shù)字造物主的操作系統(tǒng)」。數(shù)據(jù)庫、設(shè)計(jì)系統(tǒng)、知識庫、運(yùn)行規(guī)則被可視化為可交互的實(shí)體——這像極了從 DOS 到圖形界面的跨越。

所以基于這個(gè)判斷給 Vibe Coding 開發(fā)者三個(gè)建議:

  1. 1. 開始學(xué)習(xí)「如何思考系統(tǒng)」 未來最有價(jià)值的不是記住 CSS 屬性,而是理解「當(dāng)用戶搜索時(shí),數(shù)據(jù)如何在 Algolia 索引、前端組件、URL 參數(shù)之間流動(dòng)」。

  2. 2. 把 AI 當(dāng)作「認(rèn)知外骨骼」而非「替代者」 就像計(jì)算器沒有消滅數(shù)學(xué),而是讓人類能處理更復(fù)雜的方程。Trickle AI 的價(jià)值在于讓你把腦力從「如何讓 div 居中」解放到「這個(gè)搜索框應(yīng)該放在什么位置才能符合用戶心智模型」。

  3. 3. 建立「人機(jī)協(xié)作」的新契約 我總結(jié)了一個(gè)「30% 原則」:永遠(yuǎn)讓 AI 完成 70% 的實(shí)現(xiàn)工作,但保留 30% 需要人類判斷的決策權(quán)。比如:

    • 讓 AI 生成 10 種配色方案,但由你決定哪種更符合品牌調(diào)性
    • 讓 AI 實(shí)現(xiàn)搜索功能,但由你定義「什么算一個(gè)好的搜索結(jié)果」

5 萬年前,我們的祖先在洞穴墻壁上畫下第一頭野牛時(shí),他們不需要理解顏料化學(xué),只需要有表達(dá)的沖動(dòng)。

今天,當(dāng)你對著 AI 說「我想讓搜索框在 hover 時(shí)有個(gè)溫柔的陰影」時(shí),你正在延續(xù)同樣的創(chuàng)造沖動(dòng)——只是這次,洞穴變成了互聯(lián)網(wǎng),野牛變成了用戶體驗(yàn)。

感謝你的閱讀,真的肝了很久,如果對你有幫助希望幫忙點(diǎn)個(gè)贊或者轉(zhuǎn)發(fā)給你的朋友,我是歸藏、我們下次再見

特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺(tái)“網(wǎng)易號”用戶上傳并發(fā)布,本平臺(tái)僅提供信息存儲(chǔ)服務(wù)。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相關(guān)推薦
熱點(diǎn)推薦
11個(gè)月,中國貿(mào)易順差首超1萬億美元!連美媒都感嘆:前所未有!

11個(gè)月,中國貿(mào)易順差首超1萬億美元!連美媒都感嘆:前所未有!

王爺說圖表
2025-12-09 21:26:09
畢節(jié)一護(hù)士長被查,引發(fā)軒然大波!網(wǎng)友:產(chǎn)品采購,需護(hù)士長同意

畢節(jié)一護(hù)士長被查,引發(fā)軒然大波!網(wǎng)友:產(chǎn)品采購,需護(hù)士長同意

火山詩話
2025-12-10 09:53:41
汕頭火災(zāi)遇難者上升到12人,更多細(xì)節(jié)曝光

汕頭火災(zāi)遇難者上升到12人,更多細(xì)節(jié)曝光

靠山屯閑話
2025-12-10 14:09:09
加入CPTPP僅僅7年,越南人均GDP即將翻倍

加入CPTPP僅僅7年,越南人均GDP即將翻倍

山間聽雨
2025-12-09 21:18:55
不堪丈夫家暴及生理期強(qiáng)行同房,“換婚”女子投毒殺夫被判無期徒刑 二審駁回上訴

不堪丈夫家暴及生理期強(qiáng)行同房,“換婚”女子投毒殺夫被判無期徒刑 二審駁回上訴

紅星新聞
2025-12-10 13:38:33
英特爾公司副總裁宋繼強(qiáng):異構(gòu)AI基礎(chǔ)設(shè)施是未來發(fā)展趨勢

英特爾公司副總裁宋繼強(qiáng):異構(gòu)AI基礎(chǔ)設(shè)施是未來發(fā)展趨勢

英才商業(yè)
2025-12-10 08:58:45
世界第一王楚欽首輪3-4爆冷出局18歲松島輝空成日本C位

世界第一王楚欽首輪3-4爆冷出局18歲松島輝空成日本C位

說故事的阿襲
2025-12-10 12:23:31
社評:正確理解中國的順差很重要

社評:正確理解中國的順差很重要

環(huán)球網(wǎng)資訊
2025-12-10 01:08:40
朝鮮對三名未成年人處以極刑!

朝鮮對三名未成年人處以極刑!

扶蘇聊歷史
2025-12-10 09:57:20
上海繼續(xù)全國山姆“第一城”,第7家店將入駐浦東唐鎮(zhèn)

上海繼續(xù)全國山姆“第一城”,第7家店將入駐浦東唐鎮(zhèn)

上觀新聞
2025-12-09 22:27:04
重磅:烏克蘭摧毀俄羅斯切博克薩雷導(dǎo)彈工廠!打掉S300

重磅:烏克蘭摧毀俄羅斯切博克薩雷導(dǎo)彈工廠!打掉S300

項(xiàng)鵬飛
2025-12-09 17:40:34
中國絕美風(fēng)景外網(wǎng)爆紅卻被錯(cuò)標(biāo)成是日本,我外交官發(fā)文:這是中國江西望仙谷,親自來看看真正的中國吧

中國絕美風(fēng)景外網(wǎng)爆紅卻被錯(cuò)標(biāo)成是日本,我外交官發(fā)文:這是中國江西望仙谷,親自來看看真正的中國吧

揚(yáng)子晚報(bào)
2025-12-10 09:14:51
汕頭一自建房夜晚起火8人遇難:一樓為五金店,樓上住有多人,窗戶有防盜網(wǎng)

汕頭一自建房夜晚起火8人遇難:一樓為五金店,樓上住有多人,窗戶有防盜網(wǎng)

極目新聞
2025-12-10 11:32:09
中國留德女博士與女兒疑遭外籍丈夫殺害 死者弟弟:事發(fā)前無異常,姐姐曾計(jì)劃與丈夫回國定居

中國留德女博士與女兒疑遭外籍丈夫殺害 死者弟弟:事發(fā)前無異常,姐姐曾計(jì)劃與丈夫回國定居

紅星新聞
2025-12-09 23:16:11
租別墅造假存單雇演員扮父母,湖北小伙被騙婚案一審宣判:被告人犯詐騙罪獲刑四年半

租別墅造假存單雇演員扮父母,湖北小伙被騙婚案一審宣判:被告人犯詐騙罪獲刑四年半

瀟湘晨報(bào)
2025-12-10 12:26:22
震驚了!中山佳能有20年員工曬出630800元補(bǔ)償金,感動(dòng)到淚流滿面

震驚了!中山佳能有20年員工曬出630800元補(bǔ)償金,感動(dòng)到淚流滿面

火山詩話
2025-12-10 10:56:09
損失1000萬!知名電競主播被綁架后報(bào)警,遭綁匪報(bào)復(fù):裸照被曝光

損失1000萬!知名電競主播被綁架后報(bào)警,遭綁匪報(bào)復(fù):裸照被曝光

念洲
2025-12-10 08:03:45
不止今年,以后的錢會(huì)越來越難掙

不止今年,以后的錢會(huì)越來越難掙

經(jīng)濟(jì)學(xué)教授V
2025-12-09 18:37:02
為何中國急需實(shí)施“休養(yǎng)生息”戰(zhàn)略?

為何中國急需實(shí)施“休養(yǎng)生息”戰(zhàn)略?

西虹市閑話
2025-12-09 14:22:19
“新冠疫苗之父”落馬,榮譽(yù)清零!打過三針的網(wǎng)友慌了

“新冠疫苗之父”落馬,榮譽(yù)清零!打過三針的網(wǎng)友慌了

胡嚴(yán)亂語
2025-12-07 15:51:07
2025-12-10 14:51:00
歸藏的AI工具箱 incentive-icons
歸藏的AI工具箱
關(guān)注人工智能、LLM 、 AI 圖像視頻和設(shè)計(jì)
236文章數(shù) 33關(guān)注度
往期回顧 全部

科技要聞

8周生死時(shí)速,全員保日活!

頭條要聞

日軍偷襲珍珠港84年后 日美在紀(jì)念儀式大談"同盟關(guān)系"

頭條要聞

日軍偷襲珍珠港84年后 日美在紀(jì)念儀式大談"同盟關(guān)系"

體育要聞

試訓(xùn)20支球隊(duì),落選,成為NBA新秀助攻王

娛樂要聞

孫儷扛住死亡鏡頭 網(wǎng)友:嬛嬛回來了

財(cái)經(jīng)要聞

白銀史上首次站上60美元

汽車要聞

零百2.5s 純電保時(shí)捷Cayenne Turbo新車圖解

態(tài)度原創(chuàng)

藝術(shù)
家居
本地
公開課
軍事航空

藝術(shù)要聞

40張海邊撒野照片,真是太有創(chuàng)意了!

家居要聞

高端私宅 理想隱居圣地

本地新聞

云游安徽|一城活史,千年智慧守淮南

公開課

李玫瑾:為什么性格比能力更重要?

軍事要聞

中俄聯(lián)合空中戰(zhàn)略巡航引日本擔(dān)憂 國防部回應(yīng)

無障礙瀏覽 進(jìn)入關(guān)懷版 亚洲精品国产精品国产| 中国少妇XXXRree少妇| 欧美极品少妇XXXXⅩ另类| 18禁黄久久久aaa片| 无码专区A级毛片| 亚洲精品韩国一区二区| 国产精品免费第一区二区 | avtt天堂网手机| 国产中文字幕精品喷潮| 3D国产动漫AVAV| 国产精品中文字幕久久| 人人天天夜夜AV| 人人妻人人狠人人爽| 国产香蕉97碰碰久久人人| 青青青青国产免费线在线观看| 一级淫乱视频| 欧美成人亚洲综合精品欧美激情 | 日日天日日夜日日摸| 懂色av无码专区一区二区三区| 国产蜜臀精品一区二区三区| 免费真人av| 乌克兰少妇性做爰| 日本精品国产| 日韩AV专区| 丰满的美女边做的呻吟想要在线| 色欲综合成人区| 亚洲第一综合婷婷成人APP| 男人边吃奶边揉好爽免费视频| 成人国产精品一区二区免费| 国产成人影视在线观看| 亚洲色婷婷综合开心网| 厨房搜索结果 - AV大战| 色综合色综合久久综合频道88| 无码午夜人妻一区二区三区不卡视频| 色婷婷av在线| 国产69精品久久久久久久不卡| 久久综合伊人77777蜜臀| 国产一二三四五在线观看| 午夜欧美性爱| 中文字幕+乱码+中文乱码视频| 亚洲激情av一区二区三区|