openshift

CSS Review — Design skill for Claude Code

Design community

Review CSS for coding style and best practices.

How to install CSS Review

Installs to ~/.claude/commands/openshift-lightspeed-console-css-review.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/openshift/lightspeed-console/HEAD/.claude/commands/css-review.md -o ~/.claude/commands/openshift-lightspeed-console-css-review.md

Restart Claude Code, or start a new session, for it to be picked up.

What CSS Review does

Review CSS for coding style and best practices

Reference: https://www.patternfly.org/tokens/all-patternfly-tokens

Arguments: [path] - Optional path to a specific CSS file (default: all CSS in src/)

If a path argument was provided, review just that file. Otherwise, review all CSS files in `src/`.
Run stylelint first: `npx stylelint "src/**/*.css" --allow-empty-input`
Beyond what stylelint catches, manually review the CSS for these issues:

**PatternFly Variable Consistency:**

Alternatives in Design

Tokenicode — A Claude Code GUI — Tauri 2 + React 19 + TypeScript + Tailwind CSS 4 436 ★
Module CSS — Compile module CSS assets or fix Tailwind prefix issues 407 ★
Website Builder Setup — Build professional animated websites with Claude Code — no coding needed 313 ★