AdYour product here, seen by people installing AI tools every day Sponsor slots open: 12 of 12, from $249 a month

css-order

Skill by thedaviddias · updated · ★ 75k

Score 84

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. css-order is published by thedaviddias on GitHub.

Works withClaude CodeClaude apps Antigravity CLI
Maintenance

Last commit 15 days ago

Licence

MIT: permissive, fine for commercial use

Quality

Clear description, installs from GitHub, 74,518 stars, original repository

Security

Not checked yet. What we check

Install css-order

Built from the published package, never by AI
git clone --depth 1 https://github.com/thedaviddias/Front-End-Checklist /tmp/Front-End-Checklist && mkdir -p ~/.claude/skills && cp -r /tmp/Front-End-Checklist/skills/css-order ~/.claude/skills/css-order

Run in your terminal. Claude Code loads skills from ~/.claude/skills automatically.

Step-by-step: install css-order in Claude Code

Skills can run scripts on your machine. Some need an API key: check the README.

Alternatives to css-order

All alternatives →
css-file-sizethedaviddias
84

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.

AAA Skill 75k
highlightspierrecomputer
84

Use when an app uses @pierre/highlights to generate syntax-highlighted HTML or tokens, stream code, incrementally tokenize edits, or apply Zed-compatible themes and CSS variables.

AAA Skill 6.3k
css-criticalthedaviddias
84

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.

AAA Skill 75k
rewrite-commit-messagepenpot
84

Rewrite HEAD's commit message (typically a squash that concatenated old messages) into one proper title plus description following Penpot commit conventions, preserving every distinct AI-assisted-by attribution. Amends in place, never pushes.

AAA Skill 61k
ng-alain-developerng-alain
82

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.

AAA Skill 4.5k
threejs-loaderssickn33
82

Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.

AAA Skill 48k

css-order: common questions

How do I install css-order?

Run the command above to copy the skill into ~/.claude/skills/. Claude Code picks it up automatically.

Is css-order free?

The code is published under the MIT licence. The service it connects to may have its own pricing.

Is css-order safe to use?

It scores 84 of 100. Grades: maintenance A, licence A, quality A. The security check has not run for it yet. Review the code before you install. How grades work.

What are alternatives to css-order?

Similar skills: css-file-size, highlights, css-critical, rewrite-commit-message.