Communitygithub.com

launch-check:個人網站可以上線了嗎?

在網站或作品集上線前做檢查的 Agent 技能:涵蓋安全、搜尋、無障礙、速度與上線後的基本設定,每一項都標示「通過 / 需修正 / 不適用」並附證據,最後依重要程度列出編號修正清單。

launch-check:個人網站可以上線了嗎? 是什麼?

個人網站配方第 2 步(上線前檢查),來自 miguelclavel/claude-skills-for-designers(2026-10-08 發布,MIT;一位資深產品設計師寫的十個 Claude Code 技能,他說自己的作品集與 GitHub 就是這樣做出來的)。給它線上網址、專案資料夾或兩者。安全:在程式碼與 git 歷史中搜尋金鑰(sk-、ghp_、AKIA),確認 /.git/config 與 /.env 回傳 404,檢查 http 是否轉向 HTTPS 並讀取安全標頭。搜尋(面向 Google 與 AI 助理):每頁唯一的 title(約 60 字元內)與 meta description(約 160 字元內)、canonical 連結、私密頁 noindex、og:image 分享圖、個人結構化資料與純文字 /llms.txt。無障礙:每個主題下對比達到 WCAG AA、可用鍵盤操作、焦點可見、圖片有 alt、320px 下可重排、尊重減少動態,無法測試的標示「需人工確認」。速度:圖片尺寸合宜並延遲載入,檔名防快取。上線後:分析排除站長本人造訪。輸出為每個區塊一張「檢查項 | 狀態 | 證據」表,沒有證據絕不判定通過。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/miguelclavel/claude-skills-for-designers/tree/HEAD/skills/launch-check

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

Launch check

Check a site the way a careful launch would, and report every item as pass, fix, or not applicable, with the evidence. Work from the live URL, the project folder, or both.

Security

  • Secrets: search the code and the git history for keys and tokens (git log -p for patterns like sk-, ghp_, AKIA, token, secret). Check the published files too.
  • Only the site is published: request /.git/config, /.env and any config files; each should return 404.
  • HTTPS: plain http:// should redirect. Read the response headers (curl -sI) for Content-Security-Policy, Strict-Transport-Security, X-Frame-Options, X-Content-Type-Options and Referrer-Policy.
  • Forms and endpoints check what they receive; there's a one step rollback.

Search, for Google and AI assistants

  • One unique <title> per page, under about 60 characters. One unique meta description, under about 160.
  • Canonical links set; private pages marked noindex.
  • A share image (og:image) on important pages, structured data for the person or organisation, and a plain text /llms.txt.

Accessibility

  • Contrast passes WCAG AA in every theme, every action works with a keyboard, focus is visible, images have alt text, it reflows at 320 pixels, and motion respects reduced motion. Test what you can; mark the rest "to confirm by hand".

Speed

  • Images sized for where they're shown and lazy loaded below the first screen.
  • Caching won't freeze old code in visitors' browsers: new code gets new file names, or HTML has a short cache time.

After launch

  • Analytics works and excludes the owner's visits; there's a way to hear what people couldn't find (a log, a form, a weekly review), and someone owns looking at it.

Output

One table per section: | Check | Status | Evidence |. Status is Pass, Fix or Not applicable. Then the fixes as a numbered list, most important first. Never mark something as passing without evidence.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相關技能