Communitygithub.com

bg-szy/TOP-SKILLS

CI 紅了?呼叫我們。管線消防隊即刻出動。當使用者提及 CI 失敗、建置錯誤、測試失敗或管線問題時使用。請勿載入:本地建置、標準實作工作、程式碼審查或環境設定。

TOP-SKILLS 是什麼?

此技能(Skill)專注於解決 CI/CD 管線相關問題,特別是 CI 失敗、建置錯誤與測試失敗等情境。它提供一套結構化的流程,從初步的「測試 vs 實作判斷」開始,引導使用者區分問題根源是實作錯誤、測試過時還是環境問題,並嚴格禁止任何規避測試的篡改行為(如跳過測試或刪除斷言)。技能內含「失敗分析」與「測試修正」兩項主要功能,並透過引用參考檔案或啟動 `ci-cd-fixer` 子代理來處理複雜案例。對於支援 Claude Code 2.1.49+ 的使用者,它還整合了結構化 Git Log 分析,幫助快速定位 CI 失敗的根源提交。此技能適用於任何 CI/CD 平台(如 GitHub Actions),並提供清晰的觸發條件與 VibeCoder 使用指引。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/bg-szy/TOP-SKILLS/tree/HEAD/skills/marketplace/ci

在你喜歡的 AI 中提問

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

說明文件

CI/CD 技能

解決 CI/CD 管線問題的技能組合。


觸發條件

  • 「CI 掛了」「GitHub Actions 失敗」
  • 「建置錯誤」「測試沒通過」
  • 「把管線修好」

功能詳情

功能詳情觸發詞
失敗分析請參考 references/analyzing-failures.md「查看日誌」「調查原因」
測試修正請參考 references/fixing-tests.md「修好測試」「提出修正方案」

執行步驟

  1. 測試 vs 實作判定(步驟 0)
  2. 分類使用者意圖(分析或修正)
  3. 判定複雜度(請參考下方說明)
  4. 依據上述「功能詳情」讀取適當的參考檔案,或啟動 ci-cd-fixer 子代理
  5. 檢查結果,必要時重新執行

步驟 0:測試 vs 實作判定(品質判定閘門)

CI 失敗時,首先進行原因區分:

CI 失敗報告
    ↓
┌─────────────────────────────────────────┐
│           測試 vs 實作判定             │
├─────────────────────────────────────────┤
│  分析錯誤原因:                    │
│  ├── 實作有誤 → 修正實作          │
│  ├── 測試過時 → 向使用者確認      │
│  └── 環境問題 → 修正環境                │
└─────────────────────────────────────────┘

禁止事項(防篡改)

⚠️ CI 失敗時的禁止事項

以下「解決方案」嚴禁使用:

| 禁止 | 範例 | 正確做法 |
|------|-----|-----------|
| 跳過測試 | `it.skip(...)` | 修正實作 |
| 刪除斷言 | 移除 `expect()` | 確認預期值 |
| 繞過 CI 檢查 | `continue-on-error` | 修正根本原因 |
| 放寬 lint 規則 | `eslint-disable` | 修正程式碼 |

判斷流程

🔴 CI 已失敗

**需要進行判斷**:

1. **實作有誤** → 修正實作 ✅
2. **測試預期值過時** → 向使用者請求確認
3. **環境問題** → 修正環境設定

⚠️ 嚴禁篡改測試(跳過、刪除斷言)

屬於哪一種情況?

需要核准的情況

若不得已必須變更測試/設定:

## 🚨 測試/設定變更核准請求

### 理由
[為何需要此變更]

### 變更內容
[差異對比]

### 替代方案評估
- [ ] 已確認無法透過修正實作解決

等待使用者明確核准

Git log 擴充旗標的運用(CC 2.1.49+)

CI 失敗時,利用結構化日誌來識別肇因提交。

識別肇因提交

# 結構化格式分析提交
 git log --format="%h|%s|%an|%ad" --date=short -10

# 拓撲順序進行時間序列分析
 git log --topo-order --oneline -20

# 將變更檔案與原因關聯
 git log --raw --oneline -5

主要應用場景

用途旗標效果
識別失敗原因`--format="%h%s"`
時間序列追蹤--topo-order考慮合併順序的追蹤
掌握變更影響--raw詳細顯示檔案變更
排除合併分析--cherry-pick --no-merges僅提取實際提交

輸出範例

🔍 CI 失敗原因分析

最近的提交(結構化):
| Hash | Subject | Author | Date |
|------|---------|--------|------|
| a1b2c3d | feat: update API | Alice | 2026-02-04 |
| e4f5g6h | test: add tests | Bob | 2026-02-03 |

變更檔案(--raw):
├── src/api/endpoint.ts (Modified) ← 發生型別錯誤
├── tests/api.test.ts (Modified)
└── package.json (Modified)

→ a1b2c3d 這個提交極可能是原因
  型別錯誤:src/api/endpoint.ts:42

子代理協作

若符合以下條件,則透過 Task tool 啟動 ci-cd-fixer:

  • 修正 → 重新執行 → 失敗的循環發生 2 次以上
  • 或者錯誤跨越數個檔案的複雜情況

啟動模式:

Task tool:
  subagent_type="ci-cd-fixer"
  prompt="請診斷並修正 CI 失敗。錯誤日誌:{error_log}"

ci-cd-fixer 以安全為優先運作(預設為 dry-run 模式)。 詳細資訊請參閱 agents/ci-cd-fixer.md。


給 VibeCoder 的指引

🔧 CI 壞掉時的用語

1. **「CI 掛了」「變紅了」**
   - 代表自動測試失敗的狀態

2. **「為什麼失敗?」**
   - 想要調查原因

3. **「修好它」**
   - 嘗試自動修正

💡 重要:嚴禁「蒙混過關」的修正
   - ❌ 刪除測試、跳過測試
   - ⭕ 正確修正程式碼

如果覺得「測試好像有問題」,
請先確認再決定處理方式。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

bg-szy/TOP-SKILLS

Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML. Use when the user asks to create, design, or build a landing page, homepage, or marketing page and has no established visual direction. Skip when they have a design mockup, need a dashboard or app UI, are working at component level, building a multi-page app, or restyling with known design tokens — use frontend-design instead.

bg-szy/TOP-SKILLS

Fill out Microsoft Azure Landing Zone (ALZ) Accelerator checklists by interviewing the user, mapping their Azure subscriptions, integrating IP addressing documentation, and applying Microsoft Cloud Adoption Framework best practices. Produces a completed Excel checklist (.xlsx) ready for ALZ deployment. Use this skill whenever the user mentions Azure Landing Zone, ALZ checklist, landing zone accelerator, platform landing zone configuration, ALZ bootstrap, hub-and-spoke setup, Azure network topology planning, or wants to fill out any ALZ-related checklist or configuration file. Also trigger when the user uploads an Excel file that contains tabs like "Accelerator - Bootstrap", "Accelerator - Bicep", or "Accelerator - Terraform".

bg-szy/TOP-SKILLS

Compose a premium, animated landing page section by section in Next.js + Tailwind + Motion (Framer Motion) — built on a real design system, with editorial copy and motion that feels human-crafted, not template-generated. Use when building or rebuilding a landing page, marketing site, or hero/feature/pricing/CTA sections that need to look production-ready and bespoke from day one.

bg-szy/TOP-SKILLS

Write high-converting landing page copy using proven frameworks like PAS (Problem-Agitate-Solution), AIDA, and StoryBrand. Creates headlines, value propositions, CTAs, and full page sections optimized for conversion. Use when users need landing page copy, sales page content, or marketing website text.

bg-szy/TOP-SKILLS

Optimize landing pages for conversions, performance, and SEO. Use when improving landing pages, increasing conversions, or optimizing page performance.

bg-szy/TOP-SKILLS

Review investment portfolios for risk, diversification, fees. Asset allocation recommendations, tax-loss harvesting, rebalancing.

bg-szy/TOP-SKILLS

Beads Viewer - Graph-aware triage engine for Beads projects. Computes PageRank, betweenness, critical path, and cycles. Use --robot-* flags for AI agents.

bg-szy/TOP-SKILLS

CASS Memory System - procedural memory for AI coding agents. Three-layer cognitive architecture with confidence decay, anti-pattern learning, cross-agent knowledge transfer, trauma guard safety system. Bun/TypeScript CLI.

bg-szy/TOP-SKILLS

Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose, validate, preview, publish, or batch-render an existing HyperFrames project. Inputs may be a website URL, GitHub PR, Figma design or URL, text or brief, existing footage, or music. It resumes project state, captures intent when applicable, selects and installs the owning workflow, and routes domain capabilities. HyperFrames is the default output framework unless the user explicitly chooses another framework for the deliverable or asks only to record a browser session.

bg-szy/TOP-SKILLS

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.

bg-szy/TOP-SKILLS

Use when the user asks to "pre-launch check the landing page", "run a Quality-Score preflight", or "verify ad-to-page message match before launch"; produces an ad↔page continuity report — message-match gaps, above-the-fold check, page-speed read, form-friction count, mobile-render flags — as a pass/fix punch list. Not for redesigning or rewriting the page — use landing-optimizer; not for scoring the account or the RQS — use ad-account-auditor. 落地页体验预检/广告落地页一致性检查

bg-szy/TOP-SKILLS

Use when the user asks to "optimize our landing page for influencer traffic", "fix our promo-code landing page", or "improve conversion from a creator campaign"; produces a message-match audit, page-structure and social-proof recommendations, a promo-code/CTA conversion plan, and an A/B test roadmap. Not for measuring campaign results after launch — use performance-analyzer.

bg-szy/TOP-SKILLS

Audit a landing page, sales page or checkout page for conversion leaks and return a fix list ordered by expected revenue impact. Use when asked to review, critique or improve a landing page, sales page, opt-in page, product page or checkout flow, when conversion rate is low, when paid traffic is not converting, or when someone asks "why isn't this page converting" or wants a CRO / landing page review.

bg-szy/TOP-SKILLS

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

bg-szy/TOP-SKILLS

Create high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page conversion-focused website. Guides section-by-section composition with anti-AI-slop principles.

bg-szy/TOP-SKILLS

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

bg-szy/TOP-SKILLS

Account assets, equity and fund positions, P&L, cash flow records, account statements, margin ratios, buy-power estimates, order management, and DCA recurring investments via Longbridge (most require Trade permission). Frameworks: portfolio diagnosis, rebalancing, asset allocation, risk analysis (VaR/CVaR), performance attribution, and tax-loss harvesting. Triggers: "持仓", "账户", "盈亏", "资产", "对账单", "下单", "买入", "卖出", "撤单", "定投", "组合诊断", "再平衡", "资产配置", "风险分析", "绩效归因", "税损收割", "持倉", "賬戶", "盈虧", "對賬單", "下單", "買入", "賣出", "組合診斷", "再平衡", "稅損收割", "positions", "portfolio", "P&L", "order", "buy", "sell", "DCA", "statement", "risk analysis", "rebalancing", "tax harvesting", "我的风险", "持仓风险", "风险敞口", "資產", "資產配置", "風險分析", "績效歸因", "撤單

bg-szy/TOP-SKILLS

Auto-loaded context for Portfolio Buddy 2 development. Use for ANY task involving: React 19 development, TypeScript, portfolio analysis features, metrics calculations, trading strategy comparison, or working with the Portfolio Buddy 2 codebase. Contains tech stack, known issues, and architectural constraints.

bg-szy/TOP-SKILLS

Process video files with audio extraction, format conversion (mp4, webm), and Whisper transcription. Use when user mentions video conversion, audio extraction, transcription, mp4, webm, ffmpeg, or whisper transcription.

bg-szy/TOP-SKILLS

Using the Wonda CLI to generate images, videos, music, and audio from the terminal — plus LinkedIn, Reddit, and X/Twitter research and automation

相關技能