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

models are getting so good that less is more. you don't need a 2,000 line CLAUDE.md - quality drops after a certain point due to context limits. every so often ask Claude to trim its own CLAUDE.md file

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.