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
18
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
GDG Cloud Hong Kong Introduction
hkwp
0
10
Vibe Coding” (氛圍編碼):從 UI/UX 到網站開發
hkwp
0
10
About WordPress and Hong Kong WordPress Meetup
hkwp
0
13
Hong Kong WordPress Meetup #98
hkwp
0
10
AI SEO 轉化革命:在 AI Overview 時代,如何從更少的流量中獲得更高的訂單轉化?
hkwp
0
19
HKOSCon 2026 WordPress Sessions
hkwp
0
22
WordPress, Hugo and Astro – Pick the Best Open-Source CMS
hkwp
0
19
Hong Kong WordPress Meetup #97
hkwp
0
21
Can AI Help You Design Better WordPress Websites?
hkwp
0
13
Other Decks in Technology
See All in Technology
テスト設計の本質を改めて考えてみる~生成AIを活用する時代だからこそ、作ったテストの説明性を高めよう~
yamasaki696
1
140
Docker Desktop不要の時代が来る? WSL標準の「wslc」で Linuxコンテナを動かしてみた.
ueponx
0
150
10年間のブログ発信を振り返って見えたWebアプリケーションエンジニアとしての軌跡
stefafafan
0
190
IaC コードを資産へ:AWS CDK 社内ライブラリと横断展開 / aws-summit-japan-2026
gotok365
10
1.6k
AI 不只幫你寫 Code: 當專案從 300 暴增到 1500, 我們如何撐住 DevOps
appleboy
0
280
自作お家AIエージェントスタックチャンFWで困っている所紹介
74th
0
130
水を運ぶ人としてのリーダーシップ
izumii19
4
1.1k
OTel × Datadog で 「AI活用」を計測し、改善に繋げる
shihochan
2
1.1k
起点・思考・出力で分解する 〜PM業務の自動化設計〜
kazu_kichi_67
2
1.1k
徹底討論!ECS vs EKS!
daitak
3
1.8k
トークン最適化のためのユーザーストーリー分析 / User Story Analysis for Token Optimization
oomatomo
0
130
MySQL & MySQL HeatWave Report - June 2026
freshdaz
0
200
Featured
See All Featured
The Spectacular Lies of Maps
axbom
PRO
1
830
Navigating Weather and Climate Data
rabernat
0
250
[SF Ruby Conf 2025] Rails X
palkan
2
1.1k
The agentic SEO stack - context over prompts
schlessera
0
830
エンジニアに許された特別な時間の終わり
watany
107
250k
Documentation Writing (for coders)
carmenintech
77
5.4k
How to Talk to Developers About Accessibility
jct
2
260
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
170
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.4k
Statistics for Hackers
jakevdp
799
230k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
200
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