Merge branch 'main' into update_cursorrules

# Conflicts:
#	README.md

Author: carlevison

CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.0.0-beta.13](https://github.com/cloudinary-devs/create-cloudinary-react/compare/v1.0.0-beta.12...v1.0.0-beta.13) (2026-02-03)
+
+
+### Features
+
+* simplify AI prompts section with clear copy-paste instructions ([2b60415](https://github.com/cloudinary-devs/create-cloudinary-react/commit/2b60415c1d3e23aabbe95b2c5366078857a5b37c))
+
 # [1.0.0-beta.12](https://github.com/cloudinary-devs/create-cloudinary-react/compare/v1.0.0-beta.11...v1.0.0-beta.12) (2026-02-02)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-cloudinary-react",
-  "version": "1.0.0-beta.12",
+  "version": "1.0.0-beta.13",
   "description": "Scaffold a Cloudinary React + Vite + TypeScript project with interactive setup",
   "type": "module",
   "bin": {

templates/README.md.template

@@ -26,7 +26,7 @@ Your `.env` file has been pre-configured with:
 
 **Note**: Transformations work without an upload preset (using sample images). Uploads require an unsigned upload preset.
 
-To create an upload preset:
+To create an unsigned upload preset:
 1. Go to https://console.cloudinary.com/app/settings/upload/presets
 2. Click "Add upload preset"
 3. Set it to "Unsigned" mode
@@ -37,7 +37,7 @@ To create an upload preset:
 
 This project includes AI coding rules for your selected AI assistant(s). The rules help AI assistants understand Cloudinary React SDK patterns, common errors, and best practices.
 
-**Try the AI Prompts**: Check out the "🤖 Try Asking Your AI Assistant" section in the app for ready-to-use Cloudinary prompts to get started!
+**Try the AI Prompts**: Check out the "🤖 Try Asking Your AI Assistant" section in the app for ready-to-use Cloudinary prompts! Copy and paste them into your AI assistant to get started.
 
 ## Learn More
 

templates/src/App.css.template

@@ -61,8 +61,13 @@ h2 {
 
 .prompts-intro {
   margin: 0.5rem 0 1rem 0;
-  color: rgba(255, 255, 255, 0.8);
+  color: rgba(255, 255, 255, 0.9);
   text-align: center;
+  font-size: 1rem;
+}
+
+.prompts-intro strong {
+  color: rgba(99, 102, 241, 1);
 }
 
 .prompts-list {
@@ -84,7 +89,8 @@ h2 {
   color: rgba(255, 255, 255, 0.9);
   font-size: 0.9rem;
   transition: all 0.2s;
-  cursor: pointer;
+  user-select: text;
+  cursor: text;
 }
 
 .prompts-list li:hover {

templates/src/App.tsx.template

@@ -61,7 +61,9 @@ function App() {
 
         <div className="ai-prompts-section">
           <h2>🤖 Try Asking Your AI Assistant</h2>
-          <p className="prompts-intro">Ping your agent with one of these to get started:</p>
+          <p className="prompts-intro">
+            <strong>Copy and paste</strong> one of these prompts into your AI assistant:
+          </p>
           <ul className="prompts-list">
             <li>Create an image gallery with lazy loading and responsive</li>
             <li>Create a video player that plays a Cloudinary video</li>