Load for Blazor/MudBlazor UI changes involving forms, dialogs, focus, keyboard navigation, landmarks, ARIA, color contrast, RTL-safe styling, or WCAG 2.2 AA tests; not for backend-only changes.
中文简介正在准备中。当前显示原文说明。
islamu-ngo/Event82026年10月19日 更新
免费在 GitHub 公开
design-system
Load for global UI-system changes involving CSS `@layer`, primitive/semantic/component tokens, themes, reusable MudBlazor wrappers, or design-token governance; not for one component's isolated CSS.
中文简介正在准备中。当前显示原文说明。
查看安装方法包含的文件（5）
- SKILL.md2.1 KB
- resources/appearance-builder.md2.9 KB
- resources/layer-architecture.md2.0 KB
- resources/token-system.md2.7 KB
- resources/wrapper-components.md2.5 KB
SKILL.md（原文）
安装前可以查看交给 AI 代理的指令内容。
ABOUTME: CSS design system skill covering @layer architecture, design tokens, and wrapper components. ABOUTME: Enforces layer ordering, token usage, and MudBlazor wrapper patterns.
Design System
Non-Inferable Rules
- CSS layers order (lowest→highest):
reset → base → tokens → mudblazor-overrides → components → utilities. Unlayered CSS (Blazor CSS isolation, MudThemeProvider) beats all layered — by design. - MudBlazor
.mud-*overrides are ONLY allowed inmudblazor-overrides.css. Each override must have a comment justifying it. No bare.mud-*selectors anywhere else. - All wrapper components use
display: contentsto be transparent in layout, then::deepto style MudBlazor internals via CSS isolation. - Design tokens follow 3 tiers: Primitives (raw values), Semantic (contextual meaning from
--mud-palette-*), Component (scoped to specific components). - Spacing uses a 4px grid:
--isl-space-1(4px) through--isl-space-16(64px). - Typography is fluid: H1–H6 use
clamp()between 320px and 1280px viewport widths. - DialogOptionsFactory provides 4 standard presets: Small, Medium, Confirmation, Editor. Always use a preset — never create
DialogOptionsmanually. - AppearanceStyleBuilder has 4 background effects: None, SoftOverlay (0.24), StrongOverlay (0.40), Blur (0.18). Methods:
BuildStyle,BuildHeroStyle,BuildBannerStyle.
Resources
resources/layer-architecture.md— 6 CSS layers, ordering rules, override policyresources/token-system.md— 3-tier token definitions, naming conventionsresources/wrapper-components.md— 5 wrappers, parameters, styling patternsresources/appearance-builder.md— AppearanceStyleBuilder, DialogOptionsFactory, effects
Related
docs/internal/DESIGN_SYSTEM.md.agents/skills/blazor-ui-conventions/SKILL.md.agents/skills/blazor-css-isolation/SKILL.md
评价
还没有评价。欢迎分享你的使用感受。
评论
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
同一仓库的技能
Load when a task asks to research, verify, compare, or look up framework/package behavior, release notes, standards, RFCs, CVEs, or unfamiliar APIs; use repository evidence first, then official docs, and not for codebase navigation alone.
中文简介正在准备中。当前显示原文说明。
islamu-ngo/Event82026年10月19日 更新
aspire
免费Load for Aspire AppHost work: start/stop/wait resources, inspect dashboard/logs/traces, add integrations/resources, rebuild a service, run isolated worktrees, or diagnose Aspire orchestration; not for plain dotnet apps, container-only deployments, or cloud deployment.
中文简介正在准备中。当前显示原文说明。
islamu-ngo/Event82026年10月19日 更新
Load for authentication or authorization changes involving BFF cookies/tokens, JWT validation, claims/user ID extraction, policies, handler access checks, impersonation, or 401/403 bugs; not for UI affordance gating alone.
中文简介正在准备中。当前显示原文说明。
islamu-ngo/Event82026年10月19日 更新
Load for Blazor BFF server work involving YARP proxy routes, cookie sessions, access-token forwarding/refresh, downstream API calls, BFF handlers, or browser-to-API auth failures; not for client component rendering or API JWT validation alone.
中文简介正在准备中。当前显示原文说明。
islamu-ngo/Event82026年10月19日 更新
Load when editing Blazor `.razor.css`, scoped selectors, `::deep`, BEM class names, RTL/logical CSS properties, or styling nested MudBlazor components; not for global design tokens or non-Blazor CSS.
中文简介正在准备中。当前显示原文说明。
islamu-ngo/Event82026年10月19日 更新