メニュー
Reference document listing all recommended tools and libraries for AIBlueprint development
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Create Claude-style local HTML artifacts under global ~/.agents/artifacts. Use for artifact requests, variations/options croquis, feature plans, thinking docs, prototypes, visualizations, dashboards, diagrams, or substantial reusable content. Pair with use-style.
Apply named visual style guides to landing pages, app shells, and UI. Use for $use-style, /useskill, list styles, or styles like ios-app, grid, vercel, black-grid, stripe, linear, raycast, gumroad, dusk, or luma.
Expert guidance for creating, building, and using Claude Code agents and the Task tool. Use when working with agents, setting up agent configurations, understanding how agents work, or using the Task tool to launch specialized agents.
Systematic implementation using APEX methodology (Analyze-Plan-Execute-eXamine) with parallel agents, self-validation, and optional adversarial review. Use when implementing features, fixing bugs, or making code changes that benefit from structured workflow.
Interact with App Store Connect via the asc CLI - apps, builds, TestFlight, beta testers, reviews, sales/analytics, metadata, IAP, signing, submissions. Use for "check my app", "App Store Connect", "TestFlight status", "app review", "my app sales", or "asc".
Set up per-worktree environments for Claude Code, Cursor, or Codex. Use for worktree-ready repos, IDE environment config, worktree-up/down scripts, or dev.sh wiring.
| name | tools |
| description | Reference document listing all recommended tools and libraries for AIBlueprint development |
This document lists all recommended tools and libraries for development with the AIBlueprint stack. Use this as a reference when making architecture decisions.
| Name | Description | Tags |
|---|---|---|
| Next.js | Main React framework with App Router | framework, frontend, backend |
| TanStack Query | Data fetching & caching for API routes | frontend, library |
| Zustand | Client-side state management | frontend, library |
| nuqs | URL state management | frontend, library |
| shadcn/ui | Customizable React components | frontend, library |
| Convex | Realtime database & backend | backend, database, realtime |
| Liveblocks | Multiplayer collaboration features | frontend, backend, realtime |
| Neon | Serverless PostgreSQL | backend, database, sql |
| Supabase | PostgreSQL + Backend as a Service | backend, database, sql |
| Prisma | Type-safe ORM (recommended for teams) | backend, database, orm |
| Drizzle ORM | Lightweight type-safe ORM | backend, database, orm |
| Better Auth | Complete authentication solution | backend, library |
| Inngest | Background jobs & workflows | backend, service |
| Next Safe Action | Secure Server Actions | backend, library |
| next-zod-route | Secure API Routes | backend, library |
| Zod | Runtime validation (v4) | library, validation |
| AI SDK | LLM integration wrapper | backend, frontend, library |
| up-fetch | Modern fetch wrapper | backend, frontend, library |
| Vitest | Fast unit testing | testing, library |
| Playwright | E2E testing | testing, library |
| Sentry | Error tracking & monitoring | monitoring, service |
| Resend | Developer email service | email, service |
| React Email | Email templates in React | email, library |
| AWS SES | High-volume email | email, service |
| Stripe | Complete payment solution | payment, service |
| Lemon Squeezy | Payments with tax handling | payment, service |
| PostHog | Product analytics | analytics, service |
| Plausible | Simple web analytics | analytics, service |
| React Hook Form | Form management (recommended) | frontend, library, forms |
| TanStack Form | Headless form management | frontend, library, forms |
| Uploadthing | Simple file uploads | upload, images, service |
| Cloudflare R2 | S3-compatible storage | backend, images, storage |
| AWS S3 | Object storage standard | storage, images, infra |
| Decision | Recommendation |
|---|---|
| Database | Neon + Prisma to start, Drizzle for performance |
| Realtime | Convex for full realtime, Liveblocks for collaboration only |
| Resend to start, AWS SES for >100k/month | |
| Payments | Stripe for flexibility, Lemon Squeezy for tax simplicity |
| Analytics | PostHog for product analytics, Plausible for simple web analytics |
| Forms | React Hook Form (standard), TanStack Form (more control) |
| ORM | Prisma (better DX), Drizzle (better perf, 2-3x faster) |
| Upload | Uploadthing (simple), R2/S3 (more control) |
| Testing | Vitest (unit), Playwright (E2E, more reliable than Cypress) |
