Best Practices
Master the principles of agent-first development.
- 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
- 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
- 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
- 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