css
CSS Modern
Maintainable CSS with Grid, Flexbox, custom properties, container queries, cascade layers.
When to Use
Use when:
- Writing CSS styles for layouts and components
- Implementing responsive designs with Grid/Flexbox
- Using custom properties, container queries,
@layer - Creating animations and transitions
Don't use for Tailwind (tailwindcss skill) or MUI sx (mui skill).
Critical Patterns
More from joabgonzalez/ai-agents-skills
typescript
Strict typing and type-safe development. Trigger: When implementing TypeScript in .ts/.tsx files, adding types, or enforcing safety.
7code-conventions
Universal coding principles: DRY, security by default, null guards, and YAGNI. Trigger: When writing or reviewing code in any language or technology.
2astro
Fast static sites with SSG/SSR and component islands. Trigger: When building Astro websites, implementing islands, or configuring SSG/SSR.
1vite
Fast build tool with HMR for modern web development. Trigger: When configuring Vite, setting up dev server, or optimizing builds.
1critical-partner
Rigorous code review and improvement partner. Trigger: When validating code quality, reviewing implementations, or providing critical feedback.
1writing-plans
Executable plans with granular tasks and file precision. Trigger: When creating implementation plans with 2-5 minute tasks.
1