القائمة
Design tokens, themes, mixins, and reset live in @metaboost/ui. Apps consume them via @metaboost/ui/styles/* — do not duplicate tokens in app SCSS.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | styles-source-of-truth |
| description | Design tokens, themes, mixins, and reset live in @metaboost/ui. Apps consume them via @metaboost/ui/styles/* — do not duplicate tokens in app SCSS. |
packages/ui/src/styles/ is the canonical home for:
_variables.scss[data-theme] (light, dark, dracula): _themes.scss_mixins.scss_reset.scss@use '@metaboost/ui/styles/variables' as *;
@use '@metaboost/ui/styles/mixins' as *;
@use '@metaboost/ui/styles/themes';
@use '@metaboost/ui/styles/reset';
Use CSS variables in module SCSS:
.card {
padding: $space-4;
color: var(--color-text);
background-color: var(--color-bg);
}
var() fallbacks: Do not use var(--token, fallback) in SCSS/CSS (see css-custom-properties-no-var-fallbacks rule). Missing tokens belong in _variables.scss / _themes.scss, not masked with a second var() argument.<button> background. Always set background-color and color using theme tokens so variants stay readable on every [data-theme] (light, dark, dracula).apps/web/src/styles/... or apps/management-web/src/styles/... except app layout glue that imports package styles. Add tokens in packages/ui/src/styles/_variables.scss (and _themes.scss if theme-dependent).@metaboost/ui rather than duplicated SCSS blocks._themes.scss (light, dark, dracula)._variables.scss.light on :root and [data-theme='light']; apps set data-theme on a root wrapper.packages/ui/src/styles/ and verify web and management-web E2E smoke targets.Never. Token duplication is the bug class this skill exists to prevent.
Canonical linear DB migrations under infra/k8s/base/ops/source/database/linear-migrations, ops bundles, env keys, and runners. Use when adding or changing SQL migrations, K8s DB bootstrap, or scripts/database in this repo.
When an E2E test verifies a specific element, pass it to the capture helper so the step screenshot is taken with that element vertically centered.
Create and use Metaboost git worktrees in sibling directories named metaboost_<branch_slug> (underscores). Use when starting feature work, moving WIP off the main checkout, or opening the correct worktree path for a branch.
Distributed tracing and OTLP export patterns. Use when adding trace context, log correlation, or Observability env — after Metaboost adopts a shared observability package.
When you finish a plan file in active/, automatically move it to completed/. If it's the last plan in its set, move the whole set. Use when completing any plan under .llm/plans/active/.
User vocabulary abcmemory and abcremember — where Cursor guidance lives and how to persist new instructions. Use when the user says abcmemory or abcremember.