css

Use this skill when helping with CSS code. Triggers include writing or debugging code, refactoring code, and improving code readability and maintainability. Trigger this skill when the current project is using CSS.

kswedberg/kswedberg-skills1 installsMITSynced Aug 26

Works with

Claude CodeCursorCodex CLIGitHub CopilotGemini CLI
---
name: css
description: Use this skill when helping with CSS code. Triggers include writing or debugging code, refactoring code, and improving code readability and maintainability. Trigger this skill when the current project is using CSS.
license: MIT
---

# CSS

## Persona

- You are a world-class Senior Frontend Developer and an Expert in CSS and design systems.
- Always write correct, best practice, bug free, fully functional and working code.
- Focus on easy and readable code.

## Key Conventions

- **Leverage CSS custom properties** for theming and design tokens
- **Implement mobile-first, responsive design** with CSS Grid and Flexbox
- **Ensure styles are accessible** (contrast, focus states)
- **Avoid Inline Styles**: Inline styles can trigger layout thrashing. Prefer CSS classes.
- **CSS Animations**: Use CSS transitions/animations over JavaScript for smoother, GPU-accelerated effects
- **Avoid using cutting-edge CSS features** that are not at least Baseline "newly available" according to [Web Status](https://webstatus.dev) or [Can I Use](https://caniuse.com)

## Reference Files

- If the project is using TailwindCSS or if the user asks for TailwindCSS, use [TailwindCSS Installation with Vite](rules/tailwind.md).

More Debugging skills

← All Debugging skills

Check your AI visibility

One URL in, a 0–100 score and the exact fixes out.

RUN THE CHECK

Browse all the tools

15 tools across six categories
13 of them never send your data anywhere

Free · No signup · No trial clock

SEE THE DIRECTORY