mermaid-diagram-generator vs css-file-size
mermaid-diagram-generator and css-file-size are both design skills. css-file-size scores higher (87 vs 23 out of 100). css-file-size has more GitHub stars (75k), and css-file-size was updated more recently (17 days ago). The table compares them side by side.
| mermaid-diagram-generator | css-file-size | |
|---|---|---|
| Score | 23 / 100 | 87 / 100 |
| What it does | 시스템 아키텍처나 사용자 플로우에 대한 설명을 입력하면, 렌더링 가능한 Mermaid 다이어그램(순서도, 시퀀스 등) 코드로 변환합니다. (예: "로그인 플로우 그려줘", "서버 아키텍처 그려줘") | Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes. |
| Publisher | Community: bugcaps | Community: thedaviddias |
| Grades | Maintenance A, 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 | 3 Oct 2026 | 6 Oct 2026 |
| Licence | None found | MIT |
| Listed since | 20 Oct 2026 | 20 Oct 2026 |
| Install mermaid-diagram-generator | Install css-file-size |
Questions
Is mermaid-diagram-generator or css-file-size more popular?
css-file-size has more GitHub stars: 74,518.
Can I use mermaid-diagram-generator and css-file-size together?
Yes. AI assistants can load several skills at once. Install both and the assistant picks the right one for each task.