菜单
Atomic git workflow — validate, commit, push, verify CI. Use when committing changes, creating PRs, or pushing code. Triggers: "commit", "push", "pr", "merge request", "ci".
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Playwright E2E testing and responsive screenshot testing across 12 viewports. Use when writing E2E tests, taking screenshots, or verifying layouts. Triggers: "playwright", "e2e", "responsive", "screenshot", "viewport", "mobile", "tablet", "desktop".
Comprehensive testing strategies for web UI — unit, integration, E2E, property-based, accessibility, visual regression, and performance testing with Vitest, Playwright, fast-check, and axe-core. Use when writing tests, debugging failures, improving coverage, or setting up test infrastructure. Triggers: "test", "vitest", "unit", "integration", "e2e", "coverage", "mock", "snapshot", "axe", "playwright", "fast-check", "tdd".
Modern CSS features: anchor positioning, container queries, native nesting, @scope, view transitions, popover API, @starting-style, color-mix. Use when building modern UI with cutting-edge CSS. Triggers: "css", "modern", "anchor", "container", "nesting", "popover", "transition".
Standard agent workflow pattern: explore→plan→code→verify→commit. Use when starting any coding task, feature implementation, or bug fix. Triggers: "workflow", "implement", "feature", "fix", "task".
Fan-out/fan-in patterns for parallel agent work. Writer/reviewer pattern, conflict resolution, quality verification across parallel sessions. Use when working on multi-file changes or large migrations. Triggers: "parallel", "fan-out", "migration", "batch", "multi-file".
Browser debugging workflows for Chrome DevTools, Firefox DevTools, and AI agent debugging. Use when debugging UI issues, inspecting elements, analyzing performance, or troubleshooting rendering problems in the browser. Triggers: "debug", "devtools", "inspect", "console", "network", "performance", "memory", "render", "layout", "css issue", "js error".
| name | atomic-commit |
| description | Atomic git workflow — validate, commit, push, verify CI. Use when committing changes, creating PRs, or pushing code. Triggers: "commit", "push", "pr", "merge request", "ci". |
| category | web-ui |
git add -A)<type>(<scope>): <description>
[optional body]
Types: feat, fix, docs, style, refactor, test, chore, ci
# 1. Run tests
bun vitest run
# 2. Run quality gates
bash scripts/quality-gates.sh
# 3. Check roast score (must be >= 80)
bash scripts/roast-scorer.sh
# 4. Stage and commit
git add <specific-files>
git commit -m "feat: add new component"
--no-verify.env, or credentials