sonpiaz/bto-skills/bto-page-quality

Claude Code and agent skill by sonpiaz/bto-skills

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Đo và cải thiện chất lượng trang web — tốc độ, Core Web Vitals, trải nghiệm theo quốc gia, hiển thị trên search, cache edge. Dùng khi hỏi "trang chậm", LCP/INP/CLS, bounce theo nước, điểm Lighthouse, hoặc trước/sau thay đổi frontend. Khớp Buổi 5 (log, cảnh báo) và Buổi 8 (đo sau launch).

Install

npx vskill@latest install sonpiaz/bto-skills/bto-page-quality

SKILL.md

/bto-page-quality

Một câu hỏi: site có tốt không, và với ai? Trả lời bằng nhiều nguồn — không một tab duy nhất.


Bốn bẫy đã từng gây kết luận sai

1. Headless browser chiếm p75 trang ít traffic. PostHog/Web Vitals có thể báo LCP 20–30s trong khi PageSpeed mobile ~99. Mẫu hai cụm: nhanh hoặc >10s, không giữa — thường là bot Linux desktop (FCP = LCP). Lọc LCP ≥ 10s trước khi tin tab RUM thô.

2. Operator không phải thị trường. /admin với vài chục sample có thể là một người. Loại path admin/internal khỏi báo cáo công khai.

3. Một lần chạy Lighthouse mobile không phải đo. Cùng code, cùng ngày, delta hàng trăm ms là bình thường. Mobile: median ≥3 lần; spread nhỏ hơn delta mới là delta. Spread = 0 có thể là cache PSI — so across reports, không trong một report.

4. CrUX thiếu quốc gia ≠ "ổn ở đó". Chỉ có đủ traffic Chrome thật mới publish. Không có row = chưa đủ data, không phải nhanh.


Năm nguồn — mỗi nguồn trả lời một câu

NguồnCâu hỏi duy nhấtCách lấy (generic)
field — CrUXChrome user thật đo gì; số Google ranking dùngCrUX API hoặc BigQuery chrome-ux-report
lab — PageSpeedInput cố định → deploy nào gây thay đổiPageSpeed Insights API
rum — analyticsCountry × path; trang chậm chỉ ở đâu đóPostHog, Plausible, GA4 BigQuery, …
search — Search ConsoleGoogle show gì; market thấy mà không clickGSC API
edge — headersHTML từ cache gần user hay bay xacurl -I production

CrUX API không có country; BigQuery country_summary có — ~1.5 GB/scan, lag ~2 tháng. Dùng sizing reach, không chỉ speed.


Script đo trong repo (khuyến nghị)

Tạo một lệnh (ví dụ npm run quality:page hoặc script trong scripts/) gom nguồn:

bash
# Ví dụ shape — thay bằng repo bạn
bun run quality:page # full (~ vài phút nếu có PSI)
bun run quality:page --skip=lab # bỏ Lighthouse
bun run quality:page --only=rum
bun run quality:page --json
bun run quality:page --days=7

Secret đọc từ env (CRUX_API_KEY, analytics key, GSC service account JSON). Script fail loudly khi thiếu nguồn — không in zero giả.


Sửa cái script tìm ra

Trang logged-in quan trọng hơn landing nếu khách trả tiền dùng dashboard hàng ngày. Cả hai trên list thì ưu tiên app/authenticated trước marketing.

Cache HTML ở edge + App Router RSC dễ gãy: một URL, hai body (vary: rsc). Cache rule match nhầm → client navigation nhận HTML document. Trước khi cache HTML: verify RSC vẫn bypass; có rollback snapshot; không overwrite snapshot rollback.

Rank tốt, CTR thấp → xem QUERY trước title. Brand query (tên bạn + api) tự nhiên CTR thấp ở page phụ. Chỉ sửa title khi query là intent không-brand. Loại site: search tự gây impression.

Byte weight là lever bạn kiểm soát. Budget ảnh (KB, max width), guard SSR payload trong CI.


Gap thường gặp (ưu tiên theo giá trị/giờ)

GapHậu quảFix
Không uptime monitor bên thứ ba"Không hỏng" không có witnessUptimeRobot/Better Stack free tier
Crash email bị filterProduction die im lặngBỏ filter hoặc route Telegram
Node/runtime EOLBuild fail đột ngộtTheo deadline platform
RLS/table mới thiếu policyData leak flagAudit + CI guard
Không CWV gate CIDeploy regress LCP im lặngquality:page --json + threshold

Workflow tuần: cron GitHub Actions chạy report vào summary; cần secret trong repo settings.


Email / alert nên skim hàng tháng

Search Console (indexing, structured data), analytics weekly digest, deploy fail platform, host crash, DB security advisor, DMARC XML — bổ sung những gì API không expose.


Mở rộng skill

Thêm nguồn chỉ khi trả lời câu hỏi mà năm nguồn trên không trả lời được. Ngưỡng đổi thì đổi trong script kèm lý do đo được.

Rule of three: lần thứ ba viết ad-hoc query CWV/GSC cho cùng câu hỏi → đưa vào script/skill.

Security

  • Security scanPassed, 90 of 100Pattern checks on the skill's files.
  • Model reviewPassed

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

7-day trend score
0

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/sonpiaz/bto-skills/bto-page-quality/badge)](https://verified-skill.com/skills/sonpiaz/bto-skills/bto-page-quality)

Something wrong with this skill or its page? Tell us.