菜单
Explain BC Gov design tokens, their naming convention, and how to apply them. Use when asked about design tokens, CSS variables, token naming, or how to map BC Gov values to a framework theme (e.g. Vuetify).
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Apply the unified-scheduling backend logging pattern for .NET API services. Use when adding or changing logging in api/ services, controllers, background startup services, exception handling, or tests that directly instantiate logged services. Covers ILogger constructor injection, Microsoft logging level guidance, structured message templates, sensitive data handling, and validation commands.
Add or update Calendar module functionality using the contribution-based frontend architecture and Calendar-owned backend event model. Use when modifying calendar views, calendar data contributions, create/detail actions, or Calendar Event/EventSeries backend behavior.
Refactor FluentValidation validators to use inline WithMessage strings instead of WithErrorCode + shared error-code constants. Use when asked to remove error codes, inline validation messages, or clean up validators that reference ApiValidationErrorCodes.
Refactor or create Vue 3 form modal components using a formData object, generated Zod schemas, and consistent save/error handling. Use when asked to clean up, refactor, or build a form modal in web/src/.
Add or update permission seed entries using module-owned PermissionSeedConfiguration contributions, then let PermissionSeeder aggregate across modules. Use when introducing a new permission or moving permissions between modules.
Write minimal xUnit tests for .NET/C# changes in the unified-scheduling API. Use when adding tests for endpoints, validators, services, or handlers in api/. Covers test project layout, naming conventions, fixture setup, and run commands.
| name | bc-design-tokens |
| description | Explain BC Gov design tokens, their naming convention, and how to apply them. Use when asked about design tokens, CSS variables, token naming, or how to map BC Gov values to a framework theme (e.g. Vuetify). |
System.Usage.Property.Modifier.Component.Variantbc-design-colours)| BC Gov token / value | Vuetify CSS variable |
|---|---|
#013366 (primaryBlue) | rgb(var(--v-theme-primary)) |
#FCBA19 (primaryGold) | rgb(var(--v-theme-accent)) |
#2E8540 (success) | rgb(var(--v-theme-success)) |
#D8292F (danger/error) | rgb(var(--v-theme-error)) |
#F5A623 (warning) | rgb(var(--v-theme-warning)) |
#1A5A96 (info) | rgb(var(--v-theme-info)) |
#FFFFFF (surface) | rgb(var(--v-theme-surface)) |
| Spacing | --ua-spacing-* from variables.css |