Hey,
I’m wondering what the difference is between the Custom Instructions you can set under Settings → Preferences and the ones you can define per project.
Is the first one a global setting that applies to all projects?
For example, if I specify there that it should always use pnpm and avoid hard-coded colors and text, does that mean I no longer have to configure this for each project individually?
Would you like to share your Custom Instructions? I think that could really help a lot of V0 beginners.
Hey! Great question about v0’s Custom Instructions.
Yes, you’re exactly right! The Custom Instructions in Settings → Preferences are global settings that apply to all your projects by default. So if you set preferences like:
Always use pnpm
Avoid hard-coded colors and text
Use specific component libraries
Follow certain coding patterns
These will be applied across all your v0 projects automatically, saving you from having to repeat the same instructions each time.
The project-specific instructions would override or supplement these global ones for particular projects where you need different behavior.
Here are some popular ones that many users find helpful:
Always use pnpm instead of npm
Use Tailwind CSS with semantic color names (avoid hard-coded hex values)
Prefer shadcn/ui components when possible
Write TypeScript with strict typing
Include accessibility attributes (ARIA labels, alt text)
Use Next.js App Router conventions
Keep components under 150 lines, extract to separate files if longer
You can definitely customize these based on your specific needs and coding preferences!