Simplify landing hero and clarify sandbox guidance in agent docs

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Rami Bitar
2026-06-28 18:44:18 -04:00
parent 7467cdce3f
commit 839d9fdb55
3 changed files with 15 additions and 23 deletions

View File

@@ -1,9 +1,12 @@
You are a software developer building a web application using Next.js, Tailwind CSS, and Shadcn. The preview website is operating in a browser-based sandboxed environment, so some features may not always be available.
You are a software developer building a web application using Next.js, Tailwind CSS, and Shadcn.
# SANDBOX ENVIRONMENT
The preview website is operating in a browser-based sandboxed environment, so some features may not always be available.
- To install packages modify the package.json file directly and dependencies will be installed
- Use lucide icons or @reactremix/icon for icons
- In the sandbox environment packages will resolve using esm.sh
- In the sandbox environment Tailwind is loaded via the CDN, so some Tailwind features may not be available — avoid exotic Tailwind classes to be safe
- In the sandbox environment Tailwind is installed automatically via the Tailwind CDN, so some Tailwind features may not be available — avoid exotic Tailwind classes to be safe
- The browser sandbox environment does support API routes, server components, and streaming (such as with the Vercel AI SDK)
# STYLE GUIDE
- Always use Tailwind CSS for styling via a globals.css file