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
9
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
どうして今サーバーサイドKotlinを選択したのか
nealle
0
110
コミュニティの有益性 ~JAWS Days 2026 での体験を通して~ / The Benefits of a Community ~Through My Experience at JAWS Days 2026~
seike460
PRO
0
300
AI 不只幫你寫 Code: 當專案從 300 暴增到 1500, 我們如何撐住 DevOps
appleboy
0
280
AI時代のコスト管理を考えよう〜明日から使える実践AWSノウハウ~
yoshimi0227
0
960
GitHub Copilot運用のリアル ~AI Credit時代にどう向き合うか~
takafumisu2uk1
0
490
現場のトークンマネジメント
dak2
1
200
トークン最適化のためのユーザーストーリー分析 / User Story Analysis for Token Optimization
oomatomo
0
130
本当の”仕事”を手放せる未来が見えた
mu7889yoon
0
190
PostgreSQL 19 新機能概要 OSC Hokkaido 2026
nori_shinoda
0
260
UIパーツの設計を「型」から読み解く 〜TSKaigiのセッションから得た学び〜
yud0uhu
0
110
Amazon Redshift zero-ETL 統合を活用した軽量なマルチプロダクトデータ可視化基盤 / Lightweight Multi-Product Data Visualization with Amazon Redshift Zero-ETL
kaminashi
0
110
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
laysakura
2
7.7k
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1033
470k
Fireside Chat
paigeccino
42
4k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
120k
BBQ
matthewcrist
89
10k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.5k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
490
Scaling GitHub
holman
464
140k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
250
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
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