// GitLab CI skill: integrate automated tests (web/api/mobile/perf) with consistent artifacts.
Apply local React patterns (derived state, memoization, callback stability, controlled inputs) to improve predictability and render efficiency inside components. Primary intent: component-internal logic quality and render behavior; complements but does not replace routing/data/styling skills.
Orchestrate end-to-end frontend feature implementation across components, hooks, routing, data fetching, styling, and user-visible states with consistent architecture and verification. Primary intent: cross-cutting implementation alignment; pairs with specialized skills when one concern needs deeper treatment.
Build or refactor React components with typed props, clear composition, and explicit interaction/loading/empty/error behavior. Primary intent: component contract and behavior correctness; pairs with styling or design-direction skills for visual decisions.
Define and execute a distinctive visual direction for net-new UI or brand refresh work (art direction, typography, color, motion, composition), then deliver a polished reference implementation. Primary intent: creative design direction and visual differentiation; pairs well with style-frontend-ui and build-react-components for engineering hardening.
Implement and normalize UI styling within an existing design system using theme tokens, reusable style primitives, responsive rules, and accessibility checks. Primary intent: styling execution consistency; can follow frontend-design when a creative direction needs maintainable implementation.
Implement resilient loading/empty/error/permission/retry UX states for async interfaces with user-safe messaging and recoverable flows. Primary intent: failure-state UX quality; pairs with component, data-fetching, and UI-guideline skills when needed.
| name | gitlab-ci |
| description | GitLab CI skill: integrate automated tests (web/api/mobile/perf) with consistent artifacts. |
| Task | Open this procedure | Optional templates |
|---|---|---|
| Enable/adjust test jobs (web/api/mobile/perf) | reference/procedures/enable-test-jobs.md | reference/templates/gitlab-ci/ |
| Standardize artifacts + reporting | reference/procedures/artifacts-and-reporting.md | — |
| Troubleshoot CI failures | reference/procedures/troubleshoot.md | — |
Test command contract
pnpm test:apipnpm test:e2e:playwrightpnpm test:e2e:cypresspnpm test:perf:k6 or direct runner (k6 run ... / docker run grafana/k6 ...)pnpm test:mobile:<detox|maestro|appium>artifacts/<suite>/Artifacts are mandatory
artifacts/ or artifacts/<suite>/Secrets management
Gating policy
.gitlab-ci.yml already exists and how the file is structured (includes, stages)If you changed skills:
node .ai/scripts/lint-skills.mjs --strictnode .ai/skills/features/ci/gitlab-ci/scripts/validate-skill.mjsIf you changed .gitlab-ci.yml:
.gitlab-ci.yml.