菜单
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 职业分类
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.
| 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.