create-agentic-app 1.1.60 → 1.1.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/template/.agents/skills/ai-sdk/SKILL.md +78 -0
- package/template/.agents/skills/ai-sdk/references/ai-gateway.md +66 -0
- package/template/.agents/skills/ai-sdk/references/common-errors.md +443 -0
- package/template/.agents/skills/ai-sdk/references/devtools.md +52 -0
- package/template/.agents/skills/ai-sdk/references/type-safe-agents.md +204 -0
- package/template/.claude/skills/ai-sdk/SKILL.md +78 -0
- package/template/.claude/skills/ai-sdk/references/ai-gateway.md +66 -0
- package/template/.claude/skills/ai-sdk/references/common-errors.md +443 -0
- package/template/.claude/skills/ai-sdk/references/devtools.md +52 -0
- package/template/.claude/skills/ai-sdk/references/type-safe-agents.md +204 -0
- package/template/AGENTS.md +1 -0
- package/template/README.md +21 -1
- package/template/package.json +9 -8
- package/template/skills-lock.json +6 -0
- package/template/src/app/page.tsx +1 -1
package/template/README.md
CHANGED
|
@@ -44,6 +44,26 @@ Open [http://localhost:3000](http://localhost:3000).
|
|
|
44
44
|
|
|
45
45
|
The CLI copies the starter files, installs dependencies with your selected package manager, and prepares the environment file. If you use `npm`, replace the `pnpm` commands above with `npm run`.
|
|
46
46
|
|
|
47
|
+
## Guided Setup with Claude Code (Optional)
|
|
48
|
+
|
|
49
|
+
If you use Claude Code, you can install the `create-agentic-app` skill and have Claude walk you through the entire setup — folder strategy, package manager, PostgreSQL (Docker / Neon / Vercel / BYO), `.env` config, migrations, optional integrations (OpenRouter, Vercel Blob, Polar, email), build verification, and dev-server check — ending at a verified `http://localhost:3000`.
|
|
50
|
+
|
|
51
|
+
Install the skill:
|
|
52
|
+
|
|
53
|
+
```bash
|
|
54
|
+
npx skills add leonvanzyl/agentic-coding-starter-kit@create-agentic-app --agent claude-code
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
The `--agent claude-code` flag is required. Without it, the installer drops the skill into 37+ IDE adapter folders at the project root.
|
|
58
|
+
|
|
59
|
+
Once installed, ask Claude something like:
|
|
60
|
+
|
|
61
|
+
```text
|
|
62
|
+
Scaffold a new Agentic Coding Starter Kit project here.
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
Claude will run the skill end-to-end and ask you the few decisions it actually needs to make.
|
|
66
|
+
|
|
47
67
|
## Prerequisites
|
|
48
68
|
|
|
49
69
|
- Node.js 18 or newer
|
|
@@ -359,7 +379,7 @@ Ask your agent to add Google OAuth through Better Auth while keeping email/passw
|
|
|
359
379
|
|
|
360
380
|
Watch the original walkthrough:
|
|
361
381
|
|
|
362
|
-
[Agentic Coding Boilerplate Tutorial](https://youtu.be/
|
|
382
|
+
[Agentic Coding Boilerplate Tutorial](https://youtu.be/zVZotTk6ZWU)
|
|
363
383
|
|
|
364
384
|
Some details in older videos may differ from the current starter. This README is the source of truth for the current default workflow.
|
|
365
385
|
|
package/template/package.json
CHANGED
|
@@ -21,7 +21,8 @@
|
|
|
21
21
|
"db:reset": "drizzle-kit drop && drizzle-kit push"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@ai-sdk/react": "^2.0.
|
|
24
|
+
"@ai-sdk/react": "^2.0.190",
|
|
25
|
+
"@better-auth/api-key": "^1.6.11",
|
|
25
26
|
"@openrouter/ai-sdk-provider": "^1.5.4",
|
|
26
27
|
"@radix-ui/react-avatar": "^1.1.11",
|
|
27
28
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
@@ -29,8 +30,8 @@
|
|
|
29
30
|
"@radix-ui/react-label": "^2.1.8",
|
|
30
31
|
"@radix-ui/react-slot": "^1.2.4",
|
|
31
32
|
"@vercel/blob": "^2.3.3",
|
|
32
|
-
"ai": "^5.0.
|
|
33
|
-
"better-auth": "^1.6.
|
|
33
|
+
"ai": "^5.0.188",
|
|
34
|
+
"better-auth": "^1.6.11",
|
|
34
35
|
"class-variance-authority": "^0.7.1",
|
|
35
36
|
"clsx": "^2.1.1",
|
|
36
37
|
"drizzle-orm": "^0.44.7",
|
|
@@ -43,22 +44,22 @@
|
|
|
43
44
|
"react-dom": "19.2.4",
|
|
44
45
|
"react-markdown": "^10.1.0",
|
|
45
46
|
"sonner": "^2.0.7",
|
|
46
|
-
"tailwind-merge": "^3.
|
|
47
|
-
"zod": "^4.3
|
|
47
|
+
"tailwind-merge": "^3.6.0",
|
|
48
|
+
"zod": "^4.4.3"
|
|
48
49
|
},
|
|
49
50
|
"devDependencies": {
|
|
50
51
|
"@tailwindcss/postcss": "latest",
|
|
51
|
-
"@types/node": "^20.19.
|
|
52
|
+
"@types/node": "^20.19.41",
|
|
52
53
|
"@types/pg": "^8.20.0",
|
|
53
54
|
"@types/react": "19.2.5",
|
|
54
55
|
"@types/react-dom": "19.2.3",
|
|
55
56
|
"drizzle-kit": "^0.31.10",
|
|
56
57
|
"eslint": "^9.39.4",
|
|
57
58
|
"eslint-config-next": "16.0.7",
|
|
58
|
-
"prettier": "^3.8.
|
|
59
|
+
"prettier": "^3.8.3",
|
|
59
60
|
"prettier-plugin-tailwindcss": "^0.6.14",
|
|
60
61
|
"shadcn": "^3.8.5",
|
|
61
|
-
"tailwindcss": "^4.
|
|
62
|
+
"tailwindcss": "^4.3.0",
|
|
62
63
|
"tsx": "^4.21.0",
|
|
63
64
|
"tw-animate-css": "^1.4.0",
|
|
64
65
|
"typescript": "^5.9.3"
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 1,
|
|
3
3
|
"skills": {
|
|
4
|
+
"ai-sdk": {
|
|
5
|
+
"source": "vercel/ai",
|
|
6
|
+
"sourceType": "github",
|
|
7
|
+
"skillPath": "skills/use-ai-sdk/SKILL.md",
|
|
8
|
+
"computedHash": "2249889eb47ef0f61c4dba4cf2afe01c1c8dd793bb4c24230347c1ab909bb7dd"
|
|
9
|
+
},
|
|
4
10
|
"better-auth-best-practices": {
|
|
5
11
|
"source": "better-auth/skills",
|
|
6
12
|
"sourceType": "github",
|
|
@@ -43,7 +43,7 @@ export default function Home() {
|
|
|
43
43
|
<div className="relative pb-[56.25%] h-0 overflow-hidden rounded-lg border">
|
|
44
44
|
<iframe
|
|
45
45
|
className="absolute top-0 left-0 w-full h-full"
|
|
46
|
-
src="https://www.youtube.com/embed/
|
|
46
|
+
src="https://www.youtube.com/embed/zVZotTk6ZWU"
|
|
47
47
|
title="Agentic Coding Boilerplate Tutorial"
|
|
48
48
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
|
49
49
|
allowFullScreen
|