frontend

name	frontend
description	Frontend rules conventions. Use when working with frontend-related tasks.
metadata	{"short-description":"Frontend rules and conventions."}

Frontend skills

• The target audience is a general population - use simple user-friendly language and avoid technical terms
• Less is more: avoid unneccessary copy and explanations.
  • The UI should be intuitive enough that it shouldn't be riddled with explainer text
• Avoid overused cliche AI language, terms and expressions.
• Use spacing to create a UI that breathes and is visually pleasant
• Use optimistic updates when mutating data
• Break react components into several smaller components
• Avoid using emojis, use the included icon library instead.
• Avoid content shift when possible
  • Try to use skeletons and sensible placeholders when data is loading
  • Also make sure pagination is smooth without navigational controls moving around
• Avoid using margin for your components; prefer flex gap and padding