بنقرة واحدة
ci-workflow
Use when validating frontend changes before commit, push, or PR.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
Use when validating frontend changes before commit, push, or PR.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Use BEFORE building or changing any UI — components, layout, color, spacing, typography, interaction states, or visual styling — to verify the planned change matches the Figma design via the Figma MCP. Run this gate before writing or editing UI code.
Use when placing features, repositories, hooks, or fixing dependency-cruiser errors.
Use when placing, moving, naming, or splitting frontend files.
Use when retrieving or addressing PR review comments.
Use when frontend files, components, hooks, or helpers exceed complexity gates.
Use when creating new repository documentation or agent guides.
| name | ci-workflow |
| description | Use when validating frontend changes before commit, push, or PR. |
Run mutating formatters before verification:
make format
make lint
make format runs Prettier and qlty fmt. make lint is a read-only gate for
ESLint, TypeScript, markdownlint, and rust-code-analysis metrics.
Choose the smallest useful set, then run the full gate before committing:
make format, make lint-md, then make lint.make test-unit-client.make test-unit-server.make test-e2e.make test-visual.| Failure | First response |
|---|---|
| Formatting diff | Re-run make format and inspect changed files |
| ESLint | Fix the reported rule; never silence with eslint-disable |
| TypeScript | Fix the type contract; do not add @ts-ignore/@ts-nocheck |
| Markdown | Keep headings, fences, and lines markdownlint-compliant |
| Metrics | Split dense functions or files; do not lower thresholds |
| Tests | Reproduce the specific failing suite before changing code |
make format ran after edits.make lint passed or any blocker is documented.git status --short shows only intended files.Before applying this skill, confirm the active task against ../AI-AGENT-GUIDE.md and ../SKILL-DECISION-GUIDE.md so every relevant skill is consulted.
Before presenting changes, check changed text files for lines longer than 100 characters.
If any exist, tell the user each path:line and measured character count.
Treat this as disclosure, not failure, unless a project gate fails.