القائمة
Styling and design-system conventions — theme colors, MUI usage, typography. Use when styling components, adding colors, or making any visual/design change.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
How the SAQ background worker is wired and how to add a new job type. Use when adding, changing, or debugging a background job, JobBatch, or worker task handler.
Step-by-step checklist for migrating a backend service to the DDD/hexagonal architecture. Use when porting an existing service, repository, or router to domain entities and repository protocols.
Use when the user provides a GitHub issue/ticket URL (e.g. github.com/Crossbill-Highlights/crossbill-web/issues/NNN) and asks to start working on it — fetches the ticket, moves it to In Progress on the project board, creates a branch, and begins implementation.
Backend testing policy — API-first tiering, assertion depth, and test-quality rules
| name | frontend-design |
| description | Styling and design-system conventions — theme colors, MUI usage, typography. Use when styling components, adding colors, or making any visual/design change. |
This app has an established design system; consistency with it beats novelty.
frontend/src/theme/theme.ts is the source of truth for
colors, typography, and component styling. Read it before styling anything.customColors section
first and reference it from there.sx prop. Use semantic components
(Button, IconButton) — never <Box component="button">; the semantic
components carry the accessibility and interaction behavior.