Check PatternFly Page settings in Claw Console with Claude Code

Follow the Claw Console PatternFly 6 guide and check content fill and managed sidebar settings in ui pages.

Install in Claude Code

The Claw Console workspace in Claude Code with its existing PatternFly 6 components in ui.

Review `.claude/skills/ui-design/SKILL.md` and its requirements at the pinned GitHub commit.
Create `.claude/skills/ui-design/` in your project and save the reviewed file as `.claude/skills/ui-design/SKILL.md`.
Start Claude Code from that project's root, then select `/ui-design-guildelines` in the slash menu or type the directory command `/ui-design`.

Example task

A fictional settings screen uses `{component:'Page',isContentFilled:false,isManagedSidebar:false}`. The page is responsible for the existing sidebar, and the draft adds custom component styles.

What to check

Set `{component:'Page',isContentFilled:true,isManagedSidebar:true}` and remove the newly added custom component styling. Keep the established PatternFly layout.

Original SKILL.md on GitHub · Updated 2026-11-14

Frequently asked question

Which Page settings should a new Claw Console screen check?

Use the ui workspace and its PatternFly 6 Page. Enable content fill and managed sidebar, and check that component styling follows the project rule.