chore: import upstream snapshot with attribution

examples/cursor-react-skill/example-project/README.md

@@ -0,0 +1,43 @@
+# Example React Project for Cursor
+
+Minimal React + TypeScript project to test Cursor AI with `.cursorrules`.
+
+## Setup
+
+```bash
+# Install dependencies
+npm install
+
+# Start development server
+npm run dev
+```
+
+## Testing Cursor AI
+
+Once you have `.cursorrules` in this directory, try these prompts in Cursor:
+
+### Basic Hooks
+- "Create a form component with validation"
+- "Add a useEffect to fetch user data"
+- "Create a custom hook for local storage"
+
+### TypeScript
+- "Add proper TypeScript types to this component"
+- "Create an interface for user data"
+
+### Performance
+- "Optimize this component with useMemo"
+- "Add React.memo to prevent re-renders"
+
+### Advanced
+- "Create a Context provider for theme management"
+- "Implement error boundary for this component"
+- "Add lazy loading for this route"
+
+## Comparing Results
+
+Try the same prompt with and without `.cursorrules` to see the difference!
+
+**Without .cursorrules**: Generic React code, may use outdated patterns
+
+**With .cursorrules**: Modern React 18+, proper TypeScript, best practices

examples/cursor-react-skill/example-project/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "cursor-react-example",
+  "version": "1.0.0",
+  "description": "Example React project with Cursor AI rules",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^4.3.0"
+  }
+}

examples/cursor-react-skill/example-project/src/App.tsx

@@ -0,0 +1,23 @@
+import { useState } from 'react';
+
+function App() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div className="App">
+      <h1>Cursor + React Example</h1>
+      <p>Count: {count}</p>
+      <button onClick={() => setCount(count + 1)}>
+        Increment
+      </button>
+      <button onClick={() => setCount(count - 1)}>
+        Decrement
+      </button>
+      <p>
+        Try using Cursor AI to generate more React components!
+      </p>
+    </div>
+  );
+}
+
+export default App;

examples/cursor-react-skill/example-project/src/index.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+
+const root = ReactDOM.createRoot(
+  document.getElementById('root') as HTMLElement
+);
+
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

examples/cursor-react-skill/example-project/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}