Install & Deploy

GitHub source,Vercel 上線,Cloudflare 接網域

這個網站是靜態輸出:不需要資料庫、不需要付費後端。Agent metadata 由 repo 內的 skills/*/SKILL.md 生成,人看的頁面由 Vercel 發布。

build: npm run build output: dist hosting: Vercel dns: Cloudflare

Local

本機產生網站輸出,先確認 Agent 端點存在。

/llms.txt
npm run build 從 repo 產生 dist/agent.jsonskills.jsonllms.txt
npm run preview 用 Python 在本機預覽 dist/,預設 http://localhost:4177 Back home

Vercel

免費部署:匯入 GitHub repo,讓 Vercel 每次 push 後自動 build。

vercel.com
1Import Project

在 Vercel 新增專案,選擇 twhsi/skills 這個 GitHub repository。

Framework Preset: Other
2Build Settings

專案已有 vercel.json,Vercel 會使用 build command 與 output directory。

buildCommand: npm run build outputDirectory: dist
3Verify

部署後先打開 /agent.json/skills.json/llms.txt,確認 Agent 入口可讀。

/agent.json /skills.json /llms.txt

Cloudflare

Cloudflare 負責 DNS。實際 record 以 Vercel 專案 Domains 頁面顯示的值為準。

dash.cloudflare.com
DNSDashboard

到 Cloudflare DNS 新增 Vercel 要求的 record。子網域常用 CNAME;根網域依 Vercel 顯示的 A/CNAME 設定。

skills.example.com -> Vercel DNS target
HTTPSDomain

回到 Vercel Domains 等待驗證通過。HTTPS 憑證會由 Vercel 對部署網域處理。

open /agent.json after DNS resolves
AgentContext

自訂網域完成後,把 /llms.txt 當作對外 LLM context,把 /agent.json 當作機器入口。

80% agent-readable 20% human-readable