Best Practices

Master the principles of agent-first development.

🎨

Design Aesthetics

  • Use vibrant, curated color palettes - avoid generic reds/blues/greens
  • Implement glassmorphism and subtle gradients for depth
  • Add micro-animations for smooth, engaging interactions
  • Use modern typography (Inter, Roboto, Outfit) instead of defaults
  • Create premium, state-of-the-art interfaces - no MVPs
🤖

Agentic Workflow

  • Break tasks into granular, verifiable chunks (15-30 min each)
  • Always produce artifacts: Plans, Walkthroughs, Diffs
  • Provide clear context and examples to agents
  • Review agent output early and often
  • Trust but verify - maintain human oversight
💻

Code Standards

  • Use strong typing - avoid 'any' types
  • Implement explicit interfaces for all data structures
  • Keep functions small and focused (single responsibility)
  • Document WHY, not just WHAT in comments
  • Use structured error handling and logging
🚀

SEO & Performance

  • Include descriptive title tags and meta descriptions
  • Use proper heading hierarchy (single h1 per page)
  • Implement semantic HTML5 elements
  • Ensure fast page load times
  • Add unique IDs to interactive elements

Want to dive deeper?

Check out our comprehensive prompts for detailed guidelines and examples.

Browse All Prompts