Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
AI 召喚師的奧義:WordPress 網站生成術 for HKOSCon 2026
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Hong Kong WordPress Meetup
June 07, 2026
Technology
25
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 #101
hkwp
0
14
《給我一部舊電腦.帶您雲遊AI世界》 — WordPress 內容創作與永續升級篇
hkwp
0
19
Hong Kong WordPress Meetup #100
hkwp
0
23
A Recap of Our Last 100+ Events
hkwp
0
22
From Ranking on Google to Getting Cited by AI
hkwp
0
21
Digital Accessibility in WordPress
hkwp
0
22
Hong Kong WordPress Meetup #99
hkwp
0
20
GDG Cloud Hong Kong Introduction
hkwp
0
37
Vibe Coding” (氛圍編碼):從 UI/UX 到網站開發
hkwp
0
32
Other Decks in Technology
See All in Technology
目の前の楽しいが人生を変える - コミュニティの螺旋の歩き方と楽しむコツ / change your life
soudai
PRO
5
650
C#コードの結合を可視化する Roslyn解析による設計改善と リファクタリング判断
dora56
0
220
データ_AIの事業の勝敗をわけるもの
nek0128
1
460
beyond jj: config & tools ecosystem
indirect
0
5.4k
Vibe Coding で作ったプロダクトをどう安全に動かすか / How to Safely Run Products Built with Vibe Coding
glidenote
0
320
What the customer really needed
kawaguti
PRO
3
210
AIによるクリエイティブ生成を行う上での試行錯誤
plaidtech
PRO
0
160
AI de Idea
kawaguti
PRO
2
130
アプリをもっと"iOSアプリっぽく"する小さな工夫 / Small Touches That Make Your App Feel More Like an iOS App
matsuji
2
970
SREの視点で考えるSIEM活用術 〜AWS環境でのセキュリティ強化〜
cscengineer
PRO
0
130
Reactの設計論
uhyo
24
14k
負債のメタファと2026年 / Debt Metaphor in Agentic Engineering Age 202609 Edition
twada
PRO
10
4.3k
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.8k
The Invisible Side of Design
smashingmag
301
52k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
320
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
How Software Deployment tools have changed in the past 20 years
geshan
1
34k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
890
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
57k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Context Engineering - Making Every Token Count
addyosmani
9
1.1k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
470
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
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