擁抱AI，從重構認知開始
你有沒有過這樣的瞬間？
看到一個酷炫的效果，讀到一個精彩的觀點，冒出一個絕妙的想法……但緊接着，一個聲音在腦海裏響起：“這個太難了，我不會編程”、“我做不出這個設計”、“我實現不了”。
在過去的時代，這個聲音或許意味着思維的終點。但在今天，它恰恰應該是你行動的起點。
一、AI時代，能力的重新定義
我們正處在一個能力定義被徹底重構的時代。
過去，每個人的能力 = 個人的知識 + 技能 + 經驗。
現在，每個人的能力 =（個人的知識 + 技能 + 經驗）× AI的能力 * 人-AI的協同能力。
那個曾經限制你的“我不會”，現在可以被重新表述為：“我有一個想法，我們（我和AI）可以一起實現它。”
新的時代，每個人都可以坐在AI的火箭上，讓自己的能力指數級提升。我們關心應該做的：提升 人-AI協同能力，不要讓自己，成為AI能力發揮的阻礙！
這其中，最核心的決定因素，不再是你的編程水平或設計功底，而是你的 AI認知——你是否真正理解如何將AI作為外腦和副駕，融入你的思考和創造流程。
思維轉變：
- 原認知： 我不會，所以我放棄。
- 新認知： 我不會，但我知道AI會。我來描述想法，讓它來實現。
二、實踐出真知：一場完整的“氛圍編程”實戰
AI 當前流程的 的“氛圍編程”——你負責營造創作的氛圍、提出想法和需求，AI負責將氛圍落地為代碼。本質就是一個對軟件工程可能一無所知的人，也可以通過AI完成原來專屬程序員，設計師相關的工作。 我將完整重現我與DeepSeek的對話過程，你會發現，創造一款工具，就像在和一個全能的程序員對話一樣簡單。
1. 靈感的誕生與最小可行性產品（MVP）
你是不是也見過下面這種卡片，能將文章核心觀點視覺化，給讀者留下深刻印象？
或者這種：
我當時就想：“我也想要在我的文章裏用上這種卡片！”
你的第一反應是什麼？打開PS？學習UI設計？還是找在線工具？
我的選擇是：直接開發一個網頁工具。 我向DeepSeek發出了第一道指令，描述了最初的“氛圍”：
【我的指令】使用html 生成類似claude，chatgpt等大模型展示的卡片的效果。要求 輸入一段信息，例如：
毛主席 好好學習，天天向上然後生成一個 卡片類型的展示， 有一個背景圖片，有卡片凸起的效果，字體有特色。
【AI的響應】AI迅速給出了完整的HTML、CSS和JavaScript代碼，包括一個輸入框、一個按鈕和一個卡片預覽區域。代碼中使用了盒陰影實現凸起效果，引入了Google Fonts字體，並設置了一個默認背景圖。
我複製代碼，在瀏覽器中打開——一個效果不錯的卡片生成器MVP（最小可行產品）在幾分鐘內就誕生了！ 這第一步的成功，極大地堅定了我的信心。
2. 思維的爆發：從“能做到”到“還能更好”
在看到可運行的初版後，馬上，我識別出更多的優化需求 “還能有什麼”。這就是AI認知建立後帶來的思維解放。我開始了與AI的密集迭代：
- 想法一：多樣化風格
- 【我的指令】：“定義幾種不同的效果，下面選擇以後上面呈現不同的效果，包括字體變化，背景變化或其他效果等。讓這個頁面功能更強大。”
- 【AI的響應】：AI修改了代碼，添加了一組單選按鈕，對應“科技風”、“古典風”等，選擇後卡片樣式實時切換。
- 想法二：修復體驗Bug
- 【我的指令】：“輸入內容換行則卡片上的文字也要換行。”
- 【AI的響應】：AI將卡片內的
<p>標籤的CSS屬性加上了white-space: pre-wrap;，完美解決了換行問題。
- 想法三：完善視覺與功能
- 【我的指令】：“每種風格都設置背景圖片，同時有背景色，背景色設置透明度。如果你找不到圖片，直接用同樣的圖片，我自己替換。”
- 【AI的響應】：AI為每種風格定義了不同的
background-image和半透明的background-color。
3. 核心功能的攻堅：保存、水印與自定義
基礎體驗完善後，我開始為這個工具注入真正的實用價值。
- 核心功能：圖片保存
- 【我的指令】：“添加保存功能：看看能不能實現保存卡片，點擊以後將下面的卡片可以保存為png或jpg等圖片。”
- 【AI的響應】：AI引入了
html2canvas庫，編寫了downloadCard()函數，成功實現了將HTML卡片轉換為圖片並下載的功能。
- 版權意識：添加水印
- 【我的指令】：“增加如下功能：1：增加一個‘增加水印’的功能。選擇以後有一個輸入框（用户輸入水印內容）。然後在圖片的右下角顯示本輸入的文字，作為水印。”
- 【補充指令】：“水印增加默認值：選擇以後有一個默認值，默認為‘@AI時代原住民’。”
- 【AI的響應】：AI添加了水印開關複選框和水印內容輸入框，並在
html2canvas調用前，動態地將水印文字添加到卡片中。
- 追求極致：全面自定義
- 【我的指令】：“看看能不能增加設置海報大小的選項。設置大小用户點擊以後，可以設置長度和寬度，單位就是我們當前默認的單位。”
- 【AI的響應】：AI添加了寬度和高度輸入框，並使其能夠實時調整卡片尺寸。
- 【我的指令】：“添加一個背景圖片切換的功能，我在 img/pgx.png 有15張背景圖片，x從1到15，用户點擊一下背景切換，將當前背景隨機設置為pgx中的一張。”
- 【AI的響應】：AI編寫了
changeBackground()函數，通過隨機數動態修改卡片背景圖路徑。
4. 遇到的挑戰與認知的價值
就在一切看似完美時，一個棘手的問題出現了：添加了隨機背景圖功能後，圖片保存功能失效了！
這是因為html2canvas在處理跨域圖片時遇到了安全限制。這是我整個開發過程中遇到的最大挑戰。
- 【我的求助】：“添加背景圖片以後和圖片保存有衝突，導致保存失敗。”
- 【AI的解決方案嘗試】：AI最初幾次都試圖引導我使用將圖片轉換為Base64編碼的方案來繞過跨域問題。我按照指示操作，但由於圖片較多且流程複雜，幾次嘗試均未成功。
- 【突破】：在經過多次失敗的“複製-粘貼-調試”循環後，我意識到必須從根本上理解問題。我停下來，搜索了
html2canvas跨域問題的通用解決方案，並引導AI：“我們換一種思路試試”
- 最終，通過啓動本地服務的方式解決。
這個修復過程花費了很長時間，但它揭示了一個至關重要的道理：在複雜問題上，如果你個人對問題根源（如瀏覽器跨域安全機制）沒有最基本的認知和理解，完全依賴AI可能會在錯誤的方向上反覆試錯。此時，“個人認知”就成為駕馭AI、引導它走向正確解決方案的鑰匙。
最終成果： 一個功能強大、完全按我想法定製的【AI海報生成器】終於完美誕生了！
（工具鏈接：http://aiman.xin/ai-tools/poster-generator/ 歡迎體驗！）
ps：合入網站以後，卡片的底色有點衝突，功能正常。
三、總結：建設你的AI思維與認知
回顧這個跌宕起伏的創造過程，它完美詮釋了AI時代我們應具備的思維模式：
- 認知突圍是前提： 堅信“我+AI”能成事，這是所有行動的起點。
- “氛圍編程”是核心方法： 你無需事必躬親，但要成為優秀的“導演”。清晰描述場景、提出需求、驗收成果，並激發下一輪創意。
- 迭代是創造的常態： 沒有一個想法是一蹴而就的。通過“描述-實現-觀察-改進”的快速循環，你和AI能將一個簡單的點子完善成一個強大的工具。
- 保持基礎學習是保障： AI是你的副駕，但你仍然是手握方向盤的司機。你對基本原理的理解，決定了在遇到複雜路況時，是能成功脱困還是陷入泥潭。
AI時代，最大的變遷不在於技術本身，而在於我們想象和創造的方式。
別再對自己説“我不行”。下一次，當靈感來敲門，請自信地告訴它：
“來吧，我和我的夥伴（AI），已經準備好了。”
我是AI時代原住民，歡迎關注本公眾號，一起在不確定的AI時代尋找確定性：
1：AI重構研發範式：
AI重構軟件研發全流程走向落地！亞馬遜發佈「AI驅動開發」全新方法論，完整解讀十大核心原則
AI開發新範式——規範驅動開發（SDD）【第三篇】：通過OpenSpec實現增量開發
一圖介紹清楚基於Spec Kit 框架的SDD(規範驅動開發）的詳細過程【SDD第二講]
五分鐘帶你理解AI時代的軟件研發新範式——SDD(規格驅動開發) 【SDD第一講】
重温氛圍編程：是AI開發的明日新星還是皇帝的新裝
華為《智能世界2035》揭示軟件未來：人機協同編程重塑軟件開發格局
2：AI重構軟件組織：
AI組織-未來已來：10年以後的組織是什麼樣子？
AI組織是什麼樣子？來自微軟的最新分析 – The Year of the Frontier Firm:
3：軟件工程本質思考：
AI時代，重新温習軟件工程經典鉅作，思考軟件工程的本質
4： 模型本質的認識：
OpenAI深度揭秘大語言模型的幻覺本質
5： 軟件智能測試：
AI在軟件測試中的理想與現實：一場尚未到來的革命
