القائمة
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