frontend-design

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.