---
name: frontend-design
description: UI/UX design patterns and frontend best practices
license: MIT
---

This skill provides guidelines for frontend design and styling decisions.

## Design Principles

- Prioritize utility-first CSS frameworks before custom styles.
- Maintain consistent spacing and typography scales.
- Use design tokens for colors, fonts, and spacing when available.

## Component Patterns

- Keep components focused and reusable.
- Extract shared UI patterns into design system components.
- Document custom components with usage examples.

## Constraints

- NEVER write scoped or inline styles unless explicitly required.
- ALWAYS respect the project's CSS framework choice.