Post

Here's everything I've learned while 'vibe coding' react native iOS apps this year (most of this applies to any code, not just RN/mobile):

don't abstract too early-resist extracting components from a single screen until you're certain they'll be reused (atoms like buttons are the exception)

always start with a PRD and reference it in your CLAUDE.md/AGENTS.md the PRD is the source of truth when everything gets messy update it continuously as you learn what works Claude (web) is surprisingly good at creating these with the right prompt

use mobbin or dribbble to steal visual inspiration. drop screenshots in a 'design/influence' folder. then let your agent extract a design system - colors, icons, spacing, animations, the works. this lives right next to your PRD as the visual source of truth

create subplans for large feature work before touching any code. this one for Claude Code is a game-changer: https://github.com/obra/superpowers Add a task tracking system like https://github.com/steveyegge/beads to track bugs, future enhancements, etc. You can now ship like a team of 5+

Finally, ABC - Always Be Clearing context. Compaction is the devil. If you've documented your plans and have a task tracker like Beads, you can nuke context whenever you want - this is the secret to cleaner code and sharper design.