diff --git a/AGENTS.md b/AGENTS.md index b524d03..7c585a4 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -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 diff --git a/CLAUDE.md b/CLAUDE.md index b524d03..7c585a4 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -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 diff --git a/app/page.tsx b/app/page.tsx index f8e6ba3..5bd1941 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; export default function Home() { return (
-
+
-
+

- To get started, use the chat panel to make edits. + Build with AI. Ship instantly.

- Describe what you want to build and watch it come to life. Just - start typing in the chat to shape your app, one idea at a time. + Describe your idea and watch it come to life — just start typing in + the chat.

-
- - -
);