Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AI 召喚師的奧義:WordPress 網站生成術 for HKOSCon 2026
Search
Hong Kong WordPress Meetup
June 07, 2026
Technology
23
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
AI 召喚師的奧義:WordPress 網站生成術 for HKOSCon 2026
Hong Kong WordPress Meetup
June 07, 2026
More Decks by Hong Kong WordPress Meetup
See All by Hong Kong WordPress Meetup
Hong Kong WordPress Meetup #100
hkwp
0
16
A Recap of Our Last 100+ Events
hkwp
0
11
From Ranking on Google to Getting Cited by AI
hkwp
0
13
Digital Accessibility in WordPress
hkwp
0
14
Hong Kong WordPress Meetup #99
hkwp
0
14
GDG Cloud Hong Kong Introduction
hkwp
0
25
Vibe Coding” (氛圍編碼):從 UI/UX 到網站開發
hkwp
0
19
About WordPress and Hong Kong WordPress Meetup
hkwp
0
33
Hong Kong WordPress Meetup #98
hkwp
0
20
Other Decks in Technology
See All in Technology
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
19k
AIのためのEthernet技術動向 (SerDes)
markunet
1
220
トヨタ⽣産⽅式(TPS)⼊⾨
recruitengineers
PRO
3
1k
同じWAFが、攻撃の“形”は弾く── 正当な“形”の不正は通す
kuroneko13
0
240
老害フォレンジッカーはAI羊の夢を見るか?
tadmaddad
0
350
DatadogのBits Chatが開発組織にもたらしたもの / What Bits Chat Has Brought Us
sms_tech
1
290
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
5k
MulticaとPi Coding Agentで、小規模OSSを30本同時運用した流れ
eiei114
0
130
AI-DLC実践録_フルサイクル開発への挑戦
miyuc
0
260
Agent 時代の Kaggle 展望 / kaggle-in-the-agentic-era
upura
1
830
Apache Icebergインフラストラクチャ:ストレージ・カタログ・エンジンの選択肢とClouderaプラットフォームでの実装
tsugiyama
0
120
ボトムアップ文化が強い組織で セキュリティをどう根付かせていくかの現在進行形の話 / Making Security Stick in a Bottom-Up Organization
yamaguchitk333
0
240
Featured
See All Featured
Context Engineering - Making Every Token Count
addyosmani
9
1.1k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.1k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
390
The Invisible Side of Design
smashingmag
301
52k
Utilizing Notion as your number one productivity tool
mfonobong
4
550
How to Think Like a Performance Engineer
csswizardry
28
2.7k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
The SEO Collaboration Effect
kristinabergwall1
1
520
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
470
Code Reviewing Like a Champion
maltzj
528
40k
What's in a price? How to price your products and services
michaelherold
247
13k
Transcript
None
我一個人設計 UI ... 我一個人實施所有設定... 我一個人處理各方回饋... 我的魔力快耗盡了。
效果: 召喚師之意志 + AI 之運算力 = 隨心所欲 召喚你的 AI 夥伴
新模式: 不再單打獨鬥,而是人機協 作。
Input Context: - Client Brief & Brand Voice - Reference
URLs - Target Audience 建立 RAG (Retrieval - Augmented Generation) 資 料庫,讓 AI 真正「讀懂」項 目。
根據 RAG 中的架構,生成互 動式的 HTML/CSS Wireframe 。 優勢: - 快速迭代
- 即時預覽 Prompt: 根據客戶的要求,生成 homepage 的 wireframe 。 以互動式的 HTML/CSS 製 作。
從 HTML 到 WordPress (Structure Generation) Prompt: 將 wireframe 頁面設計轉化
為 WordPress 區塊結構指引 。
痛點: 客戶反饋零散、混亂。 解決方案: 語音輸入 -> AI 整 理 -> 結構化
To -Do List 。 Prompt: 我現在快速講出修改意見, 請你只記錄,最後再整理。
為什麼還是做不出好網站? 缺失的環節: 我們明白了「AI」 ,但未為「召喚師」定義。 常見問題: - Generic: 生成出千篇一律的 「罐頭網站」。 -
Chaos: 結構鬆散,缺乏邏輯 。 - Disconnect: 文案與設計風 格割裂。
終極奧義:I-R-O-A 召喚師與精靈的契約法則 成功的關鍵不在於 Prompt 的 長度,而在於召喚師與精靈之 間的「契約法則」。 這四個角色,定義了 AI 時代人
類的核心價值。 確保我們不是被 AI 取代,而是 進化。
核心奧義: AI 被動等待,人類主動定義。 Intent (意圖) 是魔法的起源。 必備技能: - 洞察力 -
精準表達力 - 領域知識
核心奧義: AI 負責生成,人類負責把關。 必備技能: - 內容審查 - 事實查核 - 邏輯判斷
核心奧義: AI 是樂手,人類是指揮家。整 合 AI 的產出物。 必備技能: - 系統思維 -
資源管理 - 跨領域整合
核心奧義: AI 給出平均值,人類賦予靈 魂。從 Generic 到 Specific 。 必備技能: -
同理心 - 審美判斷 - 價值觀對齊
鏡像雙生:善惡的抉擇 I-R-O-A 的本質: AI 是力量的放大器,它不 分善惡,只看召喚師的內 心。 善 (Light Side):
- 創造價值、解決問題、 輔助人類。 - 結果: 傳奇召喚師 惡 (Dark Side): - 製造垃圾內容、散播虛 假資訊、懶惰依賴。 - 結果: 數碼死靈法師
最終奧義:I-R-O-A 成為傳奇召喚師 善用你的 AI 夥伴,堅守契 約,創造傳奇。 Initiator: 主動定義,拒絕被動。 Reviewer: 嚴格把關,拒絕盲從。
Orchestrator: 全局指揮,拒絕混亂。 Aligner: 注入靈魂,拒絕平庸。
None