React · VibeUI
How to add a ready-made React component in Cursor and keep its design
A step-by-step guide using faq-001: choose a VibeUI block, give Cursor a Copy for AI link, verify the install and change content without recreating the design.
Guides to working with ready-made UI components
Practical guides to installing components with AI agents, improving website design and building cohesive landing pages from ready-made blocks.
React · VibeUI
How to improve the design of an AI-generated website
A focused improvement plan covering content, visual direction, typography and ready-made React blocks, with VibeUI examples and a task for your AI agent.
React · VibeUI
How to build a cohesive React landing page from ready-made blocks
A walkthrough of VibeUI’s SaaS scenario: section order, a shared theme, installation, replacing demo content and checking the finished page.
React · VibeUI
How to use ready-made React components in Claude Code
From inspecting the project to reviewing the diff: install VibeUI’s accordion-002, pass content through props and preserve native question expansion.
React · VibeUI
How to replace a website hero without rebuilding the whole page
A focused swap to hero-015: preserve navigation, links and other sections, adapt the heading and check the result on a phone.
React · VibeUI
VibeUI component installation failed: how to find the cause
What to check for a 401, unavailable link, missing import or a preview mismatch. A troubleshooting sequence for Cursor, Claude Code and the shadcn CLI.