phoenix-design vs css-order
phoenix-design and css-order are both design skills. css-order scores higher (87 vs 81 out of 100). css-order has more GitHub stars (75k), and phoenix-design was updated more recently (3 days ago). The table compares them side by side.
| phoenix-design | css-order | |
|---|---|---|
| Score | 81 / 100 | 87 / 100 |
| What it does | Design system conventions for the Phoenix frontend — layout, dialogs, error display, BEM CSS class naming, and CSS design tokens. Use when building UI, naming CSS classes, creating or consuming tokens, handling errors, or designing dialog interactions in js/app/src/. | Use when reviewing stylesheets, component styles, and responsive behavior related to Order CSS files correctly. Check the rendered layout across breakpoints and interaction states before proposing a fix. |
| Publisher | Community: Arize-ai | Community: thedaviddias |
| Grades | Maintenance A, Licence F, Quality A | Maintenance A, Licence A, Quality A |
| npm downloads a week | Not on npm | Not on npm |
| Runs | Skill | Skill |
| Works with | Claude Code, Claude apps | Claude Code, Claude apps |
| GitHub stars | 11,916 | 74,518 |
| Last commit | 20 Oct 2026 | 6 Oct 2026 |
| Licence | NOASSERTION | MIT |
| Listed since | 20 Oct 2026 | 20 Oct 2026 |
| Install phoenix-design | Install css-order |
Questions
Is phoenix-design or css-order more popular?
css-order has more GitHub stars: 74,518.
Can I use phoenix-design and css-order together?
Yes. AI assistants can load several skills at once. Install both and the assistant picks the right one for each task.