词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

Claude Code 核对 Claw Console 页面的 PatternFly 属性

English

Claude Code 安装步骤

  1. 打开 GitHub 固定提交的 `.claude/skills/ui-design/SKILL.md`，核对内容与使用条件。
  2. 在自己的项目中创建 `.claude/skills/ui-design/`，把核对后的文件保存为 `.claude/skills/ui-design/SKILL.md`。
  3. 在该项目根目录启动 Claude Code，在斜杠菜单中选择 `/ui-design-guildelines`，也可输入目录名 `/ui-design`。

中文摘要

按 Claw Console 的 PatternFly 6 指南调整 ui 页面，核对 Page 的内容填充和受管侧栏设置。

SKILL.md 中文导读

可复现示例

虚构设置页面的容器为 `{component:'Page',isContentFilled:false,isManagedSidebar:false}`。现有侧栏由页面管理，当前代码加了组件内部的定制样式。

工作步骤

  1. 确认页面所在 ui 目录和现有 PatternFly 6 组件。
  2. 核对两个 Page 属性，并检查组件样式是否超出项目约定。

验收方法

核对页面属性为 `{component:'Page',isContentFilled:true,isManagedSidebar:true}`，移除本次添加的组件级定制样式，保持现有 PatternFly 布局。

GitHub 原文 · 更新日期

适用环境

Claude Code 与 Claw Console 工作区。ui 目录已有 PatternFly 6，需沿用现有组件。

常见问题

Claw Console 新页面有哪些需要先核对的属性？

先确认工作在 ui 目录，使用 PatternFly 6 Page 并开启内容填充与侧栏管理。检查组件没有额外的自定义样式。

相关指南