mermaid vs css-critical
mermaid and css-critical are both design skills. css-critical scores higher (87 vs 19 out of 100). css-critical has more GitHub stars (75k), and css-critical was updated more recently (17 days ago). The table compares them side by side.
| mermaid | css-critical | |
|---|---|---|
| Score | 19 / 100 | 87 / 100 |
| What it does | Render Mermaid diagrams as SVG or ASCII art using beautiful-mermaid. Use when users need to create flowcharts, sequence diagrams, state diagrams, class diagrams, or ER diagrams. Supports both graphical SVG output and terminal-friendly ASCII/Unicode output. | Use when reviewing stylesheets, component styles, and responsive behavior related to Inline critical CSS for faster rendering. Check the rendered layout across breakpoints and interaction states before proposing a fix. |
| Publisher | Community: fsalamoni | Community: thedaviddias |
| Grades | Maintenance C, Licence F, Quality C | 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 | 0 | 74,518 |
| Last commit | 25 May 2026 | 6 Oct 2026 |
| Licence | None found | MIT |
| Listed since | 20 Oct 2026 | 20 Oct 2026 |
| Install mermaid | Install css-critical |
Questions
Is mermaid or css-critical more popular?
css-critical has more GitHub stars: 74,518.
Can I use mermaid and css-critical together?
Yes. AI assistants can load several skills at once. Install both and the assistant picks the right one for each task.