Skip to content

DRAFT: Create Figma files with Claude#49

Draft
andrew-ronaldson wants to merge 4 commits intopatternfly:mainfrom
andrew-ronaldson:use-patternfly
Draft

DRAFT: Create Figma files with Claude#49
andrew-ronaldson wants to merge 4 commits intopatternfly:mainfrom
andrew-ronaldson:use-patternfly

Conversation

@andrew-ronaldson
Copy link
Copy Markdown

@andrew-ronaldson andrew-ronaldson commented Mar 28, 2026

Summary by CodeRabbit

  • Documentation
    • Added comprehensive guide for PatternFly Figma design workflow, including environment setup and runtime conventions
    • Documented component hierarchy patterns with structural rules for modals, drawers, tables, and other UI layouts
    • Provided token mapping reference for binding PatternFly semantic design variables to Figma variables
    • Included variant selection guidelines covering components and design patterns with theme awareness

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Mar 31, 2026

✅ Actions performed

Full review triggered.

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Mar 31, 2026

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 79eee704-632b-4f91-9c4d-7ab0399b9ab1

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • ✅ Review completed - (🔄 Check again to review again)
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@andrew-ronaldson andrew-ronaldson marked this pull request as draft March 31, 2026 18:17
Copy link
Copy Markdown

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (1)
plugins/pf-figma/skills/pf-figma-design/SKILL.md (1)

10-23: Add explicit "Quality gates" section referencing contribution standards.

The repo standards in CONTRIBUTING-SKILLS.md and CONTRIBUTING.md establish requirements for skills in this repository, including alignment with Anthropic's skill-creator plugin guidance. Include a brief section that points contributors to these standards to make review criteria explicit. Guidelines: CONTRIBUTING.md, CONTRIBUTING-SKILLS.md, Anthropic skill-creator plugin.

Applies to lines 10-23 and 393-401.

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@plugins/pf-figma/skills/pf-figma-design/SKILL.md` around lines 10 - 23, Add a
new "Quality gates" section in SKILL.md (near the Prerequisites heading and also
mirror it toward the end where contributor guidance appears) that explicitly
references the repo contribution standards: point to CONTRIBUTING.md and
CONTRIBUTING-SKILLS.md and call out alignment with Anthropic's skill-creator
guidance (link/name). State the required review criteria briefly (e.g.,
adherence to contribution docs, tests, examples, and pattern-library usage) and
instruct contributors to follow the Anthropic skill-creator plugin guidance when
authoring or updating this skill.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In
`@plugins/pf-figma/skills/pf-figma-design/references/pf-component-hierarchy.md`:
- Around line 7-12: The unlabeled fenced diagram blocks in
pf-component-hierarchy.md need a language identifier to satisfy markdownlint
MD040; for each ASCII hierarchy block (e.g., the Modal diagram and the other
unlabeled blocks at the ranges listed) update the opening fence from ``` to
```text so each diagram block is labeled (apply the same change to the blocks at
24-34, 45-52, 62-70, 80-88, 97-102, 110-115, 126-130, 144-152, 166-176, 187-193,
212-220, 234-242, 255-263); ensure only the opening fence is changed to include
"text" and the diagram content itself remains unchanged.

---

Nitpick comments:
In `@plugins/pf-figma/skills/pf-figma-design/SKILL.md`:
- Around line 10-23: Add a new "Quality gates" section in SKILL.md (near the
Prerequisites heading and also mirror it toward the end where contributor
guidance appears) that explicitly references the repo contribution standards:
point to CONTRIBUTING.md and CONTRIBUTING-SKILLS.md and call out alignment with
Anthropic's skill-creator guidance (link/name). State the required review
criteria briefly (e.g., adherence to contribution docs, tests, examples, and
pattern-library usage) and instruct contributors to follow the Anthropic
skill-creator plugin guidance when authoring or updating this skill.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: b5ac7266-6a9a-47a8-a8b0-0667385d0b24

📥 Commits

Reviewing files that changed from the base of the PR and between 37aa4b4 and 29eb0f5.

📒 Files selected for processing (4)
  • plugins/pf-figma/skills/pf-figma-design/SKILL.md
  • plugins/pf-figma/skills/pf-figma-design/references/pf-component-hierarchy.md
  • plugins/pf-figma/skills/pf-figma-design/references/pf-token-guide.md
  • plugins/pf-figma/skills/pf-figma-design/references/pf-variant-guide.md

Comment on lines +7 to +12
```
Modal (overlay frame with backdrop)
├── ModalHeader (title + close button)
├── ModalBody (scrollable content area)
└── ModalFooter (action buttons)
```
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Add language identifiers to fenced blocks to satisfy markdownlint (MD040).

All hierarchy diagrams should use a fence language (e.g., text) so docs lint passes cleanly.

Suggested doc-lint fix
-```
+```text
 Modal (overlay frame with backdrop)
 ...
-```
+```

Apply the same ```text change to each unlabeled diagram block in this file.

Guidelines used: CONTRIBUTING.md (documentation lint cleanliness before merge).

Also applies to: 24-34, 45-52, 62-70, 80-88, 97-102, 110-115, 126-130, 144-152, 166-176, 187-193, 212-220, 234-242, 255-263

🧰 Tools
🪛 markdownlint-cli2 (0.22.0)

[warning] 7-7: Fenced code blocks should have a language specified

(MD040, fenced-code-language)

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@plugins/pf-figma/skills/pf-figma-design/references/pf-component-hierarchy.md`
around lines 7 - 12, The unlabeled fenced diagram blocks in
pf-component-hierarchy.md need a language identifier to satisfy markdownlint
MD040; for each ASCII hierarchy block (e.g., the Modal diagram and the other
unlabeled blocks at the ranges listed) update the opening fence from ``` to
```text so each diagram block is labeled (apply the same change to the blocks at
24-34, 45-52, 62-70, 80-88, 97-102, 110-115, 126-130, 144-152, 166-176, 187-193,
212-220, 234-242, 255-263); ensure only the opening fence is changed to include
"text" and the diagram content itself remains unchanged.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant