用途：QJudge 前端 UI 全责技能（Carbon-first、Storybook/Registry、overflow 版面稳定性）。当任务涉及画面元件、样式、layout、stories、双滚动条修复时使用。
主要能力：Carbon-first 样式规范与 UI 实作落地；Storybook 撰写规范与 registry 同步策略；overflow、split pane、full-bleed 版面修复。变更 shared/component 时需同步更新 stories 与 registry。
使用方式：先确认需求属于元件/UI 行为、样式、版面或 Storybook；先阅读 references/carbon-policy.md；若是卷动/裁切问题，再阅读 references/overflow-layout-playbook.md。检查样式违规命令：bash .codex/skills/qjudge-quality-gates-owner/scripts/check-carbon-style.sh
核心规则：禁止覆盖 .cds--* / .bx--*（除 allowlist）；禁止 !important；Layout 优先 Carbon Grid/FlexGrid/Row/Column；单视图只保留一个主垂直卷动容器；操作回馈优先使用 useToast，避免堆叠 InlineNotification。
Toolbar / Navbar 设计偏好：Answering toolbar 视觉语言对齐 Global Nav bar（高度、按钮尺寸、密度一致）；背景使用 var(--cds-background)，淡化 chrome；Action Button 默认 Carbon medium，高度与 navbar 一致（3rem）；Header/Navbar/Toolbar 的 action button 一律 default size，禁止 size="sm"；Answering toolbar 默认不保留左右内距；Demo 模式不显示返回上一页按钮；监考提示用中性色 tag 与简短文案。
适用场景：QJudge 前端元件、样式、版面、Storybook 相关任务。
限制：不定义 git/PR 流程（交给 qjudge-github-workflow-owner）；不定义 layer/import rule（交给 qjudge-architecture-owner）；不定义 compose 执行命令（交给 qjudge-env-compose-owner）。若换 design system，只替换 token/class 禁止策略与 story registry 位置。官方介绍未提供收费、价格、平台、效果等信息。