菜单
Test the Build Flow Action landing page end-to-end. Use when verifying UI changes to site/index.html, site/styles.css, or site/script.js.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | testing-landing-page |
| description | Test the Build Flow Action landing page end-to-end. Use when verifying UI changes to site/index.html, site/styles.css, or site/script.js. |
site/ directory contains index.html, styles.css, and script.jssite/ directory:
cd /path/to/build-flow-action/site && python3 -m http.server 8080 &
http://localhost:8080 in ChromeVerify all 8 sections render at full desktop width:
| Section | What to check |
|---|---|
| Hero (#hero) | Badge "Open Source · MIT", h1 with train emoji, tagline, 2 CTA buttons, philosophy text |
| Why Build Flow (#why) | 6 feature cards in 3-column grid |
| How It Works (#how) | Pipeline: steps 1, 2, 3a/3b (parallel), 4 + CodeQL aside |
| Supported Ecosystems (#ecosystems) | 8 cards in 4-column grid (Node+Bun through Custom) |
| Available Workflows (#workflows) | 4 cards, app.yml has "Recommended" badge |
| Getting Started (#setup) | 3 numbered steps with YAML code block |
| Branch Strategy (#strategy) | 4 strategy cards |
| Footer | Dynamic year via JS (new Date().getFullYear()), project and org links |
.scrolled class)#section and URL updates.scrolled class (triggers at scrollY > 20)You can check nav state programmatically:
JSON.stringify({
scrollY: window.scrollY,
navHasScrolled: document.getElementById('nav').classList.contains('scrolled'),
navHeight: getComputedStyle(document.getElementById('nav')).height
})
aria-expanded="true"Tip: The mobile breakpoint is at 768px (hamburger appears). Single-column cards kick in at 480px.
Validate .github/workflows/deploy.yml via shell:
# Check YAML parses
cat .github/workflows/deploy.yml
# Verify site/ directory has all files
ls -la site/
# Check triggers and permissions
grep -A3 "on:" .github/workflows/deploy.yml
grep -A3 "permissions:" .github/workflows/deploy.yml
grep "path:" .github/workflows/deploy.yml
Expected: triggers on push to main (paths: site/**) + workflow_dispatch, permissions include pages write + id-token write, upload path is site.
#016EEA:root in styles.css.js class on <html> gates mobile nav visibility (progressive enhancement)script.js using getElementById('year').js class needs to be present on <html>