用途：这是 Kortix 前端（apps/web）的品牌与设计系统技能，凡涉及视觉界面创建或编辑时加载，确保遵循统一的规则、令牌与组件库。需与 make-interfaces-feel-better 技能同时加载，两者互补；重叠处（如圆角、动效）以 Kortix 令牌为准。
主要能力：定义品牌哲学（黑白加单一强调色、简洁留白）、设计令牌（以 apps/web/src/app/globals.css 为实现真源）、组件库与布局外壳，并提供参考实现。明确禁用旧原语（SectionCard、List/ListRow、Dialog、Tooltip、@/lib/toast、手写徽章与 spinner 等），改用 Card、Modal、Hint、toast.tsx 命名助手、Badge、Loading、Disclosure、InfoBanner、InputGroupSearch、Field、EmptyState/ErrorState、ConfirmDialog 等必需原语。图标仅用 @phosphor-icons/react，导入带 Icon 后缀的导出，权重由 DEFAULT_ICON_WEIGHT 统一控制，服务端组件须从 @/lib/icons/ssr 导入。
使用方式：按 Reuse > Compose > Create 顺序复用；面板用 Card 或 bg-popover rounded-md border 手写块；布局用 CapabilityPageShell 或 CustomizeSectionWrapper，容器 mx-auto w-full max-w-2xl；按钮、图标尺寸与变体按约定；按钮图标切换用 motion 做模糊+缩放+透明度过渡。新增组件需同步到 /design-system 风格指南。
适用场景：Kortix apps/web 的界面开发与重构，包括配置实体列表、设置表单、危险操作区、集成表格等。
限制：资料未提供安装命令、收费、价格或平台信息；旧指南已过时，须以当前规则为准。