AdYour product here, seen by people installing AI tools every day

mermaid-diagrams vs css-file-size

mermaid-diagrams and css-file-size are both design skills. css-file-size scores higher (87 vs 40 out of 100). css-file-size has more GitHub stars (75k), and mermaid-diagrams was updated more recently (6 days ago). The table compares them side by side.

mermaid-diagramscss-file-size
Score40 / 10087 / 100
What it doesEffective Mermaid diagrams. Use when creating markdown documents with human audiences.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.
PublisherCommunity: RepoQLCommunity: thedaviddias
GradesMaintenance A, Licence A, Quality CMaintenance A, Licence A, Quality A
npm downloads a weekNot on npmNot on npm
RunsSkillSkill
Works withClaude Code, Claude appsClaude Code, Claude apps
GitHub stars1174,518
Last commit18 Oct 20266 Oct 2026
LicenceMITMIT
Listed since19 Oct 202620 Oct 2026
Install mermaid-diagramsInstall css-file-size

Questions

Is mermaid-diagrams or css-file-size more popular?

css-file-size has more GitHub stars: 74,518.

Can I use mermaid-diagrams 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.