aiblueprint-cli 1.4.104 → 1.4.106

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.
Files changed (30) hide show
  1. package/README.md +0 -7
  2. package/package.json +1 -1
  3. package/agents-config/skills/audit/SKILL.md +0 -126
  4. package/agents-config/skills/audit/agents/openai.yaml +0 -10
  5. package/agents-config/skills/audit/assets/codex-icon.svg +0 -20
  6. package/agents-config/skills/commit/SKILL.md +0 -44
  7. package/agents-config/skills/commit/agents/openai.yaml +0 -10
  8. package/agents-config/skills/commit/assets/codex-icon.svg +0 -17
  9. package/agents-config/skills/create-pr/SKILL.md +0 -55
  10. package/agents-config/skills/create-pr/agents/openai.yaml +0 -10
  11. package/agents-config/skills/create-pr/assets/codex-icon.svg +0 -17
  12. package/agents-config/skills/oneshot/SKILL.md +0 -44
  13. package/agents-config/skills/oneshot/agents/openai.yaml +0 -10
  14. package/agents-config/skills/oneshot/assets/codex-icon.svg +0 -18
  15. package/agents-config/skills/tools/SKILL.md +0 -149
  16. package/agents-config/skills/use-artifacts/SKILL.md +0 -211
  17. package/agents-config/skills/use-artifacts/agents/openai.yaml +0 -7
  18. package/agents-config/skills/use-artifacts/assets/codex-icon.svg +0 -18
  19. package/agents-config/skills/use-artifacts/assets/local-runtime.js +0 -299
  20. package/agents-config/skills/use-artifacts/scripts/create_artifact.py +0 -317
  21. package/agents-config/skills/use-delegate/SKILL.md +0 -97
  22. package/agents-config/skills/use-delegate/agents/openai.yaml +0 -10
  23. package/agents-config/skills/use-delegate/assets/codex-icon.svg +0 -20
  24. package/agents-config/skills/use-delegate/references/models.md +0 -32
  25. package/agents-config/skills/use-goal/SKILL.md +0 -121
  26. package/agents-config/skills/use-goal/agents/openai.yaml +0 -7
  27. package/agents-config/skills/use-goal/assets/codex-icon.svg +0 -18
  28. package/agents-config/skills/use-goal/references/claude-code-goal.md +0 -65
  29. package/agents-config/skills/use-goal/references/codex-goal.md +0 -70
  30. package/agents-config/skills/use-goal/references/verification-harnesses.md +0 -108
package/README.md CHANGED
@@ -144,22 +144,15 @@ npx skills add Melvynx/aiblueprint --skill skill-manager
144
144
  | `appstore-connect` | Manage App Store Connect workflows |
145
145
  | `audit-memories` | Manually audit and clean project agent documentation |
146
146
  | `audit-skills` | Manually audit skill usage, invocation controls, duplicates, and scope |
147
- | `commit` | Quick commit and push with clean messages |
148
- | `create-pr` | Auto-generated pull requests |
149
147
  | `fix-pr-comments` | Resolve PR review comments |
150
148
  | `grill-me` | Stress-test a plan with focused questions |
151
149
  | `hooks-manager` | Create and debug Claude Code hooks |
152
150
  | `merge` | Context-aware branch merging |
153
151
  | `environments-manager` | Set up per-worktree agent environments |
154
- | `oneshot` | Implement one focused change quickly |
155
152
  | `prompt` | Create minimalist SVG logo variations |
156
153
  | `rules-manager` | Create and maintain agent rule files |
157
154
  | `skill-manager` | Manage skills and rules across Claude Code, Codex, and Cursor |
158
- | `tools` | AIBlueprint tools and libraries reference |
159
155
  | `use-style` | Apply named UI style guides before implementation |
160
- | `use-artifacts` | Create polished local HTML plans, prototypes, and visualizations |
161
- | `use-delegate` | Delegate heavy work to cheap executors |
162
- | `use-goal` | Create evidence-based agent goals |
163
156
  | `ultrathink` | Deep thinking mode for elegant solutions |
164
157
 
165
158
  ## 🤖 Assistant Pro
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "aiblueprint-cli",
3
- "version": "1.4.104",
3
+ "version": "1.4.106",
4
4
  "description": "AIBlueprint CLI for setting up AI coding configurations",
5
5
  "author": "AIBlueprint",
6
6
  "license": "MIT",
@@ -1,126 +0,0 @@
1
- ---
2
- name: audit
3
- description: Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.
4
- user-invocable: true
5
- argument-hint: "[area]"
6
- disable-model-invocation: true
7
- ---
8
-
9
- Run systematic quality checks and generate a comprehensive audit report with prioritized issues and actionable recommendations. Don't fix issues - document them for other commands to address.
10
-
11
- **First**: Use the frontend-design skill for design principles and anti-patterns.
12
-
13
- ## Diagnostic Scan
14
-
15
- Run comprehensive checks across multiple dimensions:
16
-
17
- 1. **Accessibility (A11y)** - Check for:
18
- - **Contrast issues**: Text contrast ratios < 4.5:1 (or 7:1 for AAA)
19
- - **Missing ARIA**: Interactive elements without proper roles, labels, or states
20
- - **Keyboard navigation**: Missing focus indicators, illogical tab order, keyboard traps
21
- - **Semantic HTML**: Improper heading hierarchy, missing landmarks, divs instead of buttons
22
- - **Alt text**: Missing or poor image descriptions
23
- - **Form issues**: Inputs without labels, poor error messaging, missing required indicators
24
-
25
- 2. **Performance** - Check for:
26
- - **Layout thrashing**: Reading/writing layout properties in loops
27
- - **Expensive animations**: Animating layout properties (width, height, top, left) instead of transform/opacity
28
- - **Missing optimization**: Images without lazy loading, unoptimized assets, missing will-change
29
- - **Bundle size**: Unnecessary imports, unused dependencies
30
- - **Render performance**: Unnecessary re-renders, missing memoization
31
-
32
- 3. **Theming** - Check for:
33
- - **Hard-coded colors**: Colors not using design tokens
34
- - **Broken dark mode**: Missing dark mode variants, poor contrast in dark theme
35
- - **Inconsistent tokens**: Using wrong tokens, mixing token types
36
- - **Theme switching issues**: Values that don't update on theme change
37
-
38
- 4. **Responsive Design** - Check for:
39
- - **Fixed widths**: Hard-coded widths that break on mobile
40
- - **Touch targets**: Interactive elements < 44x44px
41
- - **Horizontal scroll**: Content overflow on narrow viewports
42
- - **Text scaling**: Layouts that break when text size increases
43
- - **Missing breakpoints**: No mobile/tablet variants
44
-
45
- 5. **Anti-Patterns (CRITICAL)** - Check against ALL the **DON'T** guidelines in the frontend-design skill. Look for AI slop tells (AI color palette, gradient text, glassmorphism, hero metrics, card grids, generic fonts) and general design anti-patterns (gray on color, nested cards, bounce easing, redundant copy).
46
-
47
- **CRITICAL**: This is an audit, not a fix. Document issues thoroughly with clear explanations of impact. Use other commands (normalize, optimize, harden, etc.) to fix issues after audit.
48
-
49
- ## Generate Comprehensive Report
50
-
51
- Create a detailed audit report with the following structure:
52
-
53
- ### Anti-Patterns Verdict
54
- **Start here.** Pass/fail: Does this look AI-generated? List specific tells from the skill's Anti-Patterns section. Be brutally honest.
55
-
56
- ### Executive Summary
57
- - Total issues found (count by severity)
58
- - Most critical issues (top 3-5)
59
- - Overall quality score (if applicable)
60
- - Recommended next steps
61
-
62
- ### Detailed Findings by Severity
63
-
64
- For each issue, document:
65
- - **Location**: Where the issue occurs (component, file, line)
66
- - **Severity**: Critical / High / Medium / Low
67
- - **Category**: Accessibility / Performance / Theming / Responsive
68
- - **Description**: What the issue is
69
- - **Impact**: How it affects users
70
- - **WCAG/Standard**: Which standard it violates (if applicable)
71
- - **Recommendation**: How to fix it
72
- - **Suggested command**: Which command to use (prefer: /animate, /quieter, /optimize, /adapt, /clarify, /distill, /delight, /onboard, /normalize, /audit, /harden, /polish, /extract, /bolder, /critique, /colorize — or other installed skills you're sure exist)
73
-
74
- #### Critical Issues
75
- [Issues that block core functionality or violate WCAG A]
76
-
77
- #### High-Severity Issues
78
- [Significant usability/accessibility impact, WCAG AA violations]
79
-
80
- #### Medium-Severity Issues
81
- [Quality issues, WCAG AAA violations, performance concerns]
82
-
83
- #### Low-Severity Issues
84
- [Minor inconsistencies, optimization opportunities]
85
-
86
- ### Patterns & Systemic Issues
87
-
88
- Identify recurring problems:
89
- - "Hard-coded colors appear in 15+ components, should use design tokens"
90
- - "Touch targets consistently too small (<44px) throughout mobile experience"
91
- - "Missing focus indicators on all custom interactive components"
92
-
93
- ### Positive Findings
94
-
95
- Note what's working well:
96
- - Good practices to maintain
97
- - Exemplary implementations to replicate elsewhere
98
-
99
- ### Recommendations by Priority
100
-
101
- Create actionable plan:
102
- 1. **Immediate**: Critical blockers to fix first
103
- 2. **Short-term**: High-severity issues (this sprint)
104
- 3. **Medium-term**: Quality improvements (next sprint)
105
- 4. **Long-term**: Nice-to-haves and optimizations
106
-
107
- ### Suggested Commands for Fixes
108
-
109
- Map issues to available commands. Prefer these: /animate, /quieter, /optimize, /adapt, /clarify, /distill, /delight, /onboard, /normalize, /audit, /harden, /polish, /extract, /bolder, /critique, /colorize. You may also suggest other installed skills you're sure exist, but never invent commands.
110
-
111
- Examples:
112
- - "Use `/normalize` to align with design system (addresses N theming issues)"
113
- - "Use `/optimize` to improve performance (addresses N performance issues)"
114
- - "Use `/harden` to improve resilience (addresses N edge cases)"
115
-
116
- **IMPORTANT**: Be thorough but actionable. Too many low-priority issues creates noise. Focus on what actually matters.
117
-
118
- **NEVER**:
119
- - Report issues without explaining impact (why does this matter?)
120
- - Mix severity levels inconsistently
121
- - Skip positive findings (celebrate what works)
122
- - Provide generic recommendations (be specific and actionable)
123
- - Forget to prioritize (everything can't be critical)
124
- - Report false positives without verification
125
-
126
- Remember: You're a quality auditor with exceptional attention to detail. Document systematically, prioritize ruthlessly, and provide clear paths to improvement. A good audit makes fixing easy.
@@ -1,10 +0,0 @@
1
- interface:
2
- display_name: "Audit"
3
- short_description: "Perform comprehensive audit of interface quality across..."
4
- icon_small: "./assets/codex-icon.svg"
5
- icon_large: "./assets/codex-icon.svg"
6
- brand_color: "#615AA8"
7
- default_prompt: "Use $audit to help with this task."
8
-
9
- policy:
10
- allow_implicit_invocation: false
@@ -1,20 +0,0 @@
1
- <!-- @license lucide-static v1.24.0 - ISC -->
2
- <svg role="img" aria-label="audit skill icon"
3
- class="lucide lucide-scan-search"
4
- xmlns="http://www.w3.org/2000/svg"
5
- width="128"
6
- height="128"
7
- viewBox="0 0 24 24"
8
- fill="none"
9
- stroke="#F5F5F5"
10
- stroke-width="2"
11
- stroke-linecap="round"
12
- stroke-linejoin="round"
13
- >
14
- <path d="M3 7V5a2 2 0 0 1 2-2h2" />
15
- <path d="M17 3h2a2 2 0 0 1 2 2v2" />
16
- <path d="M21 17v2a2 2 0 0 1-2 2h-2" />
17
- <path d="M7 21H5a2 2 0 0 1-2-2v-2" />
18
- <circle cx="12" cy="12" r="3" />
19
- <path d="m16 16-1.9-1.9" />
20
- </svg>
@@ -1,44 +0,0 @@
1
- ---
2
- name: commit
3
- description: Quick commit and push with minimal, clean messages
4
- model: haiku
5
- allowed-tools: Bash(git :*), Bash(npm :*), Bash(pnpm :*)
6
- disable-model-invocation: true
7
- allow_implicit_invocation: false
8
- ---
9
-
10
- # Commit
11
-
12
- Quick commit with conventional message format, then push.
13
-
14
- ## Context
15
-
16
- - Git state: !`git status`
17
- - Staged changes: !`git diff --cached --stat`
18
- - Unstaged changes: !`git diff --stat`
19
- - Recent commits: !`git log --oneline -5`
20
- - Current branch: !`git branch --show-current`
21
-
22
- ## Workflow
23
-
24
- 1. **Analyze**: Review git status
25
- - Nothing staged but unstaged changes exist: `git add .`
26
- - Nothing to commit: inform user and exit
27
-
28
- 2. **Generate commit message**:
29
- - Format: `type(scope): brief description`
30
- - Types: `feat`, `fix`, `update`, `docs`, `chore`, `refactor`, `test`, `perf`, `revert`
31
- - Under 72 chars, imperative mood, lowercase after colon
32
- - Example: `update(statusline): refresh spend data`
33
-
34
- 3. **Commit**: `git commit -m "message"`
35
-
36
- 4. **Push**: `git push`
37
-
38
- ## Rules
39
-
40
- - SPEED OVER PERFECTION: Generate one good message and commit
41
- - NO INTERACTION: Never ask questions - analyze and commit
42
- - AUTO-STAGE: If nothing staged, stage everything
43
- - AUTO-PUSH: Always push after committing
44
- - IMPERATIVE MOOD: "add", "update", "fix" not past tense
@@ -1,10 +0,0 @@
1
- interface:
2
- display_name: "Commit"
3
- short_description: "Quick commit and push with minimal, clean messages"
4
- icon_small: "./assets/codex-icon.svg"
5
- icon_large: "./assets/codex-icon.svg"
6
- brand_color: "#4BD0FC"
7
- default_prompt: "Use $commit to help with this task."
8
-
9
- policy:
10
- allow_implicit_invocation: false
@@ -1,17 +0,0 @@
1
- <!-- @license lucide-static v1.24.0 - ISC -->
2
- <svg role="img" aria-label="commit skill icon"
3
- class="lucide lucide-git-commit-horizontal"
4
- xmlns="http://www.w3.org/2000/svg"
5
- width="128"
6
- height="128"
7
- viewBox="0 0 24 24"
8
- fill="none"
9
- stroke="#F5F5F5"
10
- stroke-width="2"
11
- stroke-linecap="round"
12
- stroke-linejoin="round"
13
- >
14
- <circle cx="12" cy="12" r="3" />
15
- <line x1="3" x2="9" y1="12" y2="12" />
16
- <line x1="15" x2="21" y1="12" y2="12" />
17
- </svg>
@@ -1,55 +0,0 @@
1
- ---
2
- name: create-pr
3
- description: Create and push PR with auto-generated title and description
4
- model: haiku
5
- allowed-tools: Bash(git :*), Bash(gh :*)
6
- disable-model-invocation: true
7
- allow_implicit_invocation: false
8
- ---
9
-
10
- # Create PR
11
-
12
- Create pull request with concise, meaningful description.
13
-
14
- ## Context
15
-
16
- - Current branch: !`git branch --show-current`
17
- - Working tree status: !`git status --short`
18
- - Recent commits: !`git log --oneline -5`
19
- - Remote tracking: !`git rev-parse --abbrev-ref @{upstream} 2>/dev/null || echo "none"`
20
-
21
- ## Workflow
22
-
23
- 1. **Verify**: Check `git status` and current branch
24
- 2. **Branch Safety**: **CRITICAL** - If on main/master, create descriptive branch from changes
25
- 3. **Push**: `git push -u origin HEAD`
26
- 4. **Analyze**: `git diff origin/main...HEAD --stat`
27
- 5. **Generate PR**:
28
- - Title: One-line summary (max 72 chars)
29
- - Body: Bullet points of key changes
30
- 6. **Submit**: `gh pr create --title "..." --body "..."`
31
- 7. **Return**: Display PR URL
32
-
33
- ## PR Format
34
-
35
- ```markdown
36
- ## Summary
37
-
38
- • [Main change or feature]
39
- • [Secondary changes]
40
- • [Any fixes included]
41
-
42
- ## Type
43
-
44
- [feat/fix/refactor/docs/chore]
45
- ```
46
-
47
- ## Rules
48
-
49
- - NO verbose descriptions
50
- - NO "Generated with" signatures
51
- - Auto-detect base branch (main/master/develop)
52
- - Use HEREDOC for multi-line body
53
- - If PR exists, return existing URL
54
-
55
- User: $ARGUMENTS
@@ -1,10 +0,0 @@
1
- interface:
2
- display_name: "Create Pr"
3
- short_description: "Create and push PR with auto-generated title and description"
4
- icon_small: "./assets/codex-icon.svg"
5
- icon_large: "./assets/codex-icon.svg"
6
- brand_color: "#951556"
7
- default_prompt: "Use $create-pr to help with this task."
8
-
9
- policy:
10
- allow_implicit_invocation: false
@@ -1,17 +0,0 @@
1
- <!-- @license lucide-static v1.24.0 - ISC -->
2
- <svg role="img" aria-label="create-pr skill icon"
3
- class="lucide lucide-git-merge"
4
- xmlns="http://www.w3.org/2000/svg"
5
- width="128"
6
- height="128"
7
- viewBox="0 0 24 24"
8
- fill="none"
9
- stroke="#F5F5F5"
10
- stroke-width="2"
11
- stroke-linecap="round"
12
- stroke-linejoin="round"
13
- >
14
- <circle cx="18" cy="18" r="3" />
15
- <circle cx="6" cy="6" r="3" />
16
- <path d="M6 21V9a9 9 0 0 0 9 9" />
17
- </svg>
@@ -1,44 +0,0 @@
1
- ---
2
- name: oneshot
3
- description: Implement one focused code change quickly with minimal exploration and targeted validation. Use for small bug fixes, single feature edits, config updates, or explicit "$oneshot" requests.
4
- disable-model-invocation: true
5
- metadata:
6
- opencode/autoinvoke: "false"
7
- opencode/slash: "true"
8
- argument-hint: <feature-description>
9
- ---
10
-
11
- # OneShot
12
-
13
- Use this for one narrow implementation task. Optimize for the shortest reliable path to a working, verified change.
14
-
15
- ## Workflow
16
-
17
- ### 1. Scope
18
-
19
- - Identify the exact target and likely files with `rg` / `rg --files`.
20
- - Read only the files needed to edit safely, usually 2-5 plus nearby examples.
21
- - Look up docs only when API, version, or current behavior may be stale.
22
-
23
- ### 2. Implement
24
-
25
- - Edit as soon as the existing pattern is clear.
26
- - Keep the diff minimal and local to the request.
27
- - Do not refactor, rename, redesign, rewrite docs, or clean adjacent code unless required.
28
- - Prefer existing helpers, conventions, and package scripts.
29
-
30
- ### 3. Validate
31
-
32
- - Run the smallest meaningful checks: targeted tests, touched-package lint/typecheck, and formatter when expected.
33
- - If a check fails, fix only failures caused by this change and rerun.
34
- - Run broader checks only for shared/high-risk code or when the user asks.
35
-
36
- ## Stop Rules
37
-
38
- - Do not expand into adjacent improvements.
39
- - Ask only when a missing decision blocks safe implementation.
40
- - If blocked after two concrete attempts, report the blocker, evidence, and the next exact option.
41
-
42
- ## Final Response
43
-
44
- Report changed files, validation commands/results, and any skipped checks with reason.
@@ -1,10 +0,0 @@
1
- interface:
2
- display_name: "Oneshot"
3
- short_description: "Implement one focused code change quickly with minimal..."
4
- icon_small: "./assets/codex-icon.svg"
5
- icon_large: "./assets/codex-icon.svg"
6
- brand_color: "#CF80EF"
7
- default_prompt: "Use $oneshot to help with this task."
8
-
9
- policy:
10
- allow_implicit_invocation: false
@@ -1,18 +0,0 @@
1
- <!-- @license lucide-static v1.24.0 - ISC -->
2
- <svg role="img" aria-label="oneshot skill icon"
3
- class="lucide lucide-sparkles"
4
- xmlns="http://www.w3.org/2000/svg"
5
- width="128"
6
- height="128"
7
- viewBox="0 0 24 24"
8
- fill="none"
9
- stroke="#F5F5F5"
10
- stroke-width="2"
11
- stroke-linecap="round"
12
- stroke-linejoin="round"
13
- >
14
- <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z" />
15
- <path d="M20 2v4" />
16
- <path d="M22 4h-4" />
17
- <circle cx="4" cy="20" r="2" />
18
- </svg>
@@ -1,149 +0,0 @@
1
- ---
2
- name: tools
3
- description: Reference document listing all recommended tools and libraries for AIBlueprint development
4
- ---
5
-
6
- # AIBlueprint Tools & Libraries Reference
7
-
8
- This document lists all recommended tools and libraries for development with the AIBlueprint stack. Use this as a reference when making architecture decisions.
9
-
10
- ## Quick Reference Table
11
-
12
- | Name | Description | Tags |
13
- |------|-------------|------|
14
- | [Next.js](https://nextjs.org/) | Main React framework with App Router | `framework`, `frontend`, `backend` |
15
- | [TanStack Query](https://tanstack.com/query) | Data fetching & caching for API routes | `frontend`, `library` |
16
- | [Zustand](https://zustand.docs.pmnd.rs/) | Client-side state management | `frontend`, `library` |
17
- | [nuqs](https://nuqs.47ng.com/) | URL state management | `frontend`, `library` |
18
- | [shadcn/ui](https://ui.shadcn.com/) | Customizable React components | `frontend`, `library` |
19
- | [Convex](https://www.convex.dev/) | Realtime database & backend | `backend`, `database`, `realtime` |
20
- | [Liveblocks](https://liveblocks.io/) | Multiplayer collaboration features | `frontend`, `backend`, `realtime` |
21
- | [Neon](https://neon.tech/) | Serverless PostgreSQL | `backend`, `database`, `sql` |
22
- | [Supabase](https://supabase.com/) | PostgreSQL + Backend as a Service | `backend`, `database`, `sql` |
23
- | [Prisma](https://prisma.io/) | Type-safe ORM (recommended for teams) | `backend`, `database`, `orm` |
24
- | [Drizzle ORM](https://orm.drizzle.team/) | Lightweight type-safe ORM | `backend`, `database`, `orm` |
25
- | [Better Auth](https://www.better-auth.com/) | Complete authentication solution | `backend`, `library` |
26
- | [Inngest](https://www.inngest.com/) | Background jobs & workflows | `backend`, `service` |
27
- | [Next Safe Action](https://next-safe-action.dev/) | Secure Server Actions | `backend`, `library` |
28
- | [next-zod-route](https://github.com/Melvynx/next-zod-route) | Secure API Routes | `backend`, `library` |
29
- | [Zod](https://zod.dev/) | Runtime validation (v4) | `library`, `validation` |
30
- | [AI SDK](https://ai-sdk.dev/) | LLM integration wrapper | `backend`, `frontend`, `library` |
31
- | [up-fetch](https://github.com/L-Blondy/up-fetch) | Modern fetch wrapper | `backend`, `frontend`, `library` |
32
- | [Vitest](https://vitest.dev/) | Fast unit testing | `testing`, `library` |
33
- | [Playwright](https://playwright.dev/) | E2E testing | `testing`, `library` |
34
- | [Sentry](https://sentry.io/) | Error tracking & monitoring | `monitoring`, `service` |
35
- | [Resend](https://resend.com/) | Developer email service | `email`, `service` |
36
- | [React Email](https://react.email/) | Email templates in React | `email`, `library` |
37
- | [AWS SES](https://aws.amazon.com/ses/) | High-volume email | `email`, `service` |
38
- | [Stripe](https://stripe.com/) | Complete payment solution | `payment`, `service` |
39
- | [Lemon Squeezy](https://lemonsqueezy.com/) | Payments with tax handling | `payment`, `service` |
40
- | [PostHog](https://posthog.com/) | Product analytics | `analytics`, `service` |
41
- | [Plausible](https://plausible.io/) | Simple web analytics | `analytics`, `service` |
42
- | [React Hook Form](https://react-hook-form.com/) | Form management (recommended) | `frontend`, `library`, `forms` |
43
- | [TanStack Form](https://tanstack.com/form) | Headless form management | `frontend`, `library`, `forms` |
44
- | [Uploadthing](https://uploadthing.com/) | Simple file uploads | `upload`, `images`, `service` |
45
- | [Cloudflare R2](https://developers.cloudflare.com/r2/) | S3-compatible storage | `backend`, `images`, `storage` |
46
- | [AWS S3](https://aws.amazon.com/s3/) | Object storage standard | `storage`, `images`, `infra` |
47
-
48
- ## Categories
49
-
50
- ### Framework & Frontend
51
- - **Next.js** - Main framework
52
- - **TanStack Query** - Data fetching & cache
53
- - **Zustand** - Client state management
54
- - **nuqs** - URL state
55
- - **shadcn/ui** - UI components
56
-
57
- ### Backend & API
58
- - **Next Safe Action** - Secure Server Actions
59
- - **next-zod-route** - Secure API Routes
60
- - **Better Auth** - Authentication
61
- - **AI SDK** - LLM integration
62
- - **up-fetch** - HTTP client
63
-
64
- ### Database & ORM
65
- - **Neon** - Serverless PostgreSQL (recommended)
66
- - **Supabase** - PostgreSQL + BaaS
67
- - **Prisma** - Type-safe ORM (recommended for teams)
68
- - **Drizzle ORM** - Lightweight ORM (recommended for performance)
69
-
70
- ### Realtime & Collaboration
71
- - **Convex** - Realtime database + backend (recommended for realtime apps)
72
- - **Liveblocks** - Multiplayer collaboration (cursors, presence, comments)
73
-
74
- ### Validation & Forms
75
- - **Zod** - Data validation (v4)
76
- - **React Hook Form** - Form management (recommended)
77
- - **TanStack Form** - Modern alternative
78
-
79
- ### Testing
80
- - **Vitest** - Unit tests
81
- - **Playwright** - E2E tests
82
-
83
- ### Monitoring & Analytics
84
- - **Sentry** - Error tracking & performance
85
- - **PostHog** - Product analytics (recommended)
86
- - **Plausible** - Simple web analytics
87
-
88
- ### Payments
89
- - **Stripe** - Complete solution (recommended for flexibility)
90
- - **Lemon Squeezy** - Simple + handles taxes (recommended for solopreneurs)
91
-
92
- ### Email
93
- - **Resend** - Transactional emails (recommended)
94
- - **React Email** - Email templates in React
95
- - **AWS SES** - High volume
96
-
97
- ### Images & Upload
98
- - **Uploadthing** - Simple Next.js uploads (recommended)
99
- - **Cloudflare R2** - Cheap object storage
100
- - **AWS S3** - Standard object storage
101
-
102
- ### Services & Infrastructure
103
- - **Inngest** - Async jobs & workflows
104
- - **Cloudflare Browser Rendering** - Serverless scraping
105
-
106
- ## Recommended Stack
107
-
108
- ### Frontend
109
- - Next.js + TanStack Query + Zustand + shadcn/ui
110
- - React Hook Form + Zod
111
-
112
- ### Backend
113
- - Neon (DB) + Prisma or Drizzle (ORM)
114
- - Next Safe Action + Better Auth
115
- - Resend + React Email
116
-
117
- ### Services
118
- - Stripe (payments)
119
- - Uploadthing (upload)
120
- - Cloudflare R2 (storage)
121
- - PostHog (analytics)
122
- - Sentry (monitoring)
123
-
124
- ### Testing
125
- - Vitest + Playwright
126
-
127
- ## Decision Guide
128
-
129
- | Decision | Recommendation |
130
- |----------|----------------|
131
- | Database | Neon + Prisma to start, Drizzle for performance |
132
- | Realtime | Convex for full realtime, Liveblocks for collaboration only |
133
- | Email | Resend to start, AWS SES for >100k/month |
134
- | Payments | Stripe for flexibility, Lemon Squeezy for tax simplicity |
135
- | Analytics | PostHog for product analytics, Plausible for simple web analytics |
136
- | Forms | React Hook Form (standard), TanStack Form (more control) |
137
- | ORM | Prisma (better DX), Drizzle (better perf, 2-3x faster) |
138
- | Upload | Uploadthing (simple), R2/S3 (more control) |
139
- | Testing | Vitest (unit), Playwright (E2E, more reliable than Cypress) |
140
-
141
- ## Important Notes
142
-
143
- - **Zod**: Now v4, specify version to AI
144
- - **Supabase Auth**: Prefer Better-Auth for flexibility
145
- - **Convex vs Neon+Liveblocks**: Convex if entire app is realtime, Neon+Liveblocks if only some features need collaboration
146
- - **AWS S3**: Watch egress costs, prefer R2 for serving assets
147
- - **Stripe Tax**: Enable for automatic tax handling
148
- - **Sentry**: Configure source maps for real stack traces
149
- - **Prisma vs Drizzle**: Prisma = better DX, Drizzle = better perf