一键在 Manus 中运行任何 Skill

nextjs16-react19-tailwind4-auth5-video-gen

星标0

分支0

更新时间2026年7月2日 21:47

Production-grade Next.js 16 + React 19 + Tailwind CSS v4 full-stack SaaS. Covers App Router Server Components, TypeScript strict, CSS-first @theme design system, Drizzle ORM + PostgreSQL, Auth.js v5 authentication, job queue orchestration (Inngest/BullMQ), AI pipeline integration (OpenAI, Replicate, ElevenLabs), credit-based Stripe billing, Cloudflare R2 storage, SSE streaming, idempotent transactions, WCAG AAA accessibility, OWASP 2025 security hardening, Docker deployment, Vitest + Playwright testing, CI/CD, and live-site validation. Comprehensive engineering reference with audit history, ADRs, 60+ lessons learned, z-index maps, color tokens, and debugging guides for AI media generation, content platforms, or any full-stack Next.js SaaS.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

nordeim

nordeim/story-into-video

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

nextjs16-react19-tailwind4-auth5-video-gen

Installation

# Copy this command into Claude Code to install this skill
/plugin add https://github.com/nordeim/story-into-video/tree/main/skills/nextjs16-react19-tailwind4-auth5-video-gen

About

Author: nordeim
Stars: 0

For more information, visit the GitHub repository.

同仓库更多 Skills

同仓库

authjs-vs-better-auth

nordeim/story-into-video

Compares Auth.js v5 and Better Auth for Next.js 16 projects. Side-by-side code for instance setup, route handlers, client auth, and server sessions. Database schema mapping for migration. Proxy.ts route protection pattern. Use when choosing an auth library, migrating from Auth.js to Better Auth, implementing proxy.ts checks, or debugging Next.js 16 auth issues.

2026-07-060

nextjs16-react19-tailwindv4-trpcv11-drizzle-better-auth

nordeim/story-into-video

Production-grade reference for Next.js 16 + React 19 + Tailwind CSS v4 + tRPC v11 + Drizzle ORM + Better Auth in a Turborepo monorepo. Covers App Router Server Components, proxy.ts (replaces middleware.ts), RSC streaming, CSS-first @theme design tokens, 5-layer architecture, and async params. Includes 50+ documented anti-patterns and gotchas across Next.js 16 breaking changes, React 19 API shifts, Tailwind v4 migration, Better Auth vs Auth.js v5, Drizzle ORM pitfalls, Stripe webhook idempotency, and Vitest mocking. Features production patterns for advisory-lock booking concurrency, SSE streaming, idempotent webhooks, fail-open rate limiting, env module build-context fallback, and server-side URL signing. Documents WCAG AAA accessibility, OWASP 2025 hardening, anti-generic avant-garde design system, 8-gate CI/CD pre-ship checklist, 6-axis code review, TDD regression verification cycle, 24 implementation lessons learned, debugging triage playbook, and complete TypeScript interface reference. Applicable to any f

2026-07-060

pdf

nordeim/story-into-video

Professional PDF toolkit with four production lines: Report - structured documents via ReportLab (reports, proposals, contracts, white papers) Creative - visual design via JSON Blueprint → design_engine.py → Playwright snapshot (posters, infographics, invitations, dashboards). Academic - scholarly work via LaTeX/Tectonic (papers, theses, math-heavy documents) Process - manipulate existing PDFs (extract, merge, split, fill forms, convert) Auto-routes based on document type. Includes ATS/creative/academic resume sub-paths.

2026-07-010

pptx

nordeim/story-into-video

Presentation creation, editing, and analysis for .pptx files: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes. Academic/paper-based presentations use the embedded Beamer module at end of this file (PDF output only).

2026-07-010

skill-creator

nordeim/story-into-video

Create new skills, modify and improve existing skills, and evaluate skill quality. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, optimize a skill's description for better triggering accuracy, or package a skill for distribution.

2026-07-010

fullstack-dev

nordeim/story-into-video

Full-stack Next.js 16 + React 19 + TypeScript strict with Tailwind CSS v4, shadcn/ui, Prisma ORM. Covers App Router, Server Components, API routes, WebSocket/Socket.io, database schemas, full project scaffolding. Use when building web apps, creating UI components, setting up databases, or implementing full-stack TypeScript with Next.js and Prisma.

2026-06-280

nextjs16-react19-tailwind4-auth5-video-gen

Installation

# Copy this command into Claude Code to install this skill
/plugin add https://github.com/nordeim/story-into-video/tree/main/skills/nextjs16-react19-tailwind4-auth5-video-gen

About

Author: nordeim
Stars: 0

For more information, visit the GitHub repository.