GitHub
error-handling
Comprehensive error handling patterns for Next.js applications. Covers database errors (DbError), server action errors, React error boundaries, toast notifications for user feedback, and structured logging.
☆ 1查看技能
JanSzewczyk AI Skills
GitHub ↗浏览 JanSzewczyk 维护的已发布 AI 技能，比较用途与说明，并通过来源仓库了解安装方式。
作者统计
已收录技能
15收录技能的仓库 Stars 合计
15仓库 Forks
0平均每个技能的仓库 Stars
1同一仓库中的多个技能可能共享 Stars，合计包含重复仓库数据。
热门分类
近期收录动态
全部技能
GitHub
firebase-firestore
Create Firebase Firestore database queries with TypeScript, proper type lifecycle, error handling, and best practices for Next.js applications.
☆ 1查看技能
GitHub
storybook-testing
Create comprehensive Storybook stories with interactive tests for React components using CSF Next format and play functions. Use when writing component tests, interaction tests, or documenting component behavio...
☆ 1查看技能
GitHub
clerk-auth-proxy
Implement Clerk authentication with Next.js 16 proxy pattern, session claims, onboarding gates, and user metadata management. Use when working with authentication, authorization, or user session management.
☆ 1查看技能
GitHub
tailwind-css-4
Tailwind CSS v4 patterns with CSS-first configuration, @theme directive, design system integration, and utility-first styling for Next.js applications.
☆ 1查看技能
GitHub
t3-env-validation
Type-safe environment variable validation with @t3-oss/env-nextjs and Zod. Build-time validation ensures all required env vars are present and correctly typed.
☆ 1查看技能
GitHub
toast-notifications
Cookie-based toast notification system for server-to-client messaging. Use with Server Actions to provide user feedback after redirects.
☆ 1查看技能
GitHub
builder-factory
Generate test-data-bot factory builders for TypeScript types to create mock data for tests and Storybook. Use when creating mock data, test fixtures, or Storybook story data.
☆ 1查看技能
GitHub
api-test
Test Next.js Route Handlers and API endpoints using Playwright for real HTTP requests. Use when testing API endpoints, route handlers, or backend integrations.
☆ 1查看技能
GitHub
accessibility-audit
Perform WCAG accessibility audits on React components using automated tools and manual checks. Use when auditing accessibility, fixing a11y issues, or ensuring WCAG compliance.
☆ 1查看技能
GitHub
performance-optimization
Performance optimization patterns for Next.js applications. Covers bundle analysis, React rendering optimization, database query optimization, Core Web Vitals, image optimization, and caching strategies.
☆ 1查看技能
GitHub
db-migration
Generate Firestore data migration scripts for schema changes, field additions, and data transformations. Use when migrating data, adding fields, or restructuring collections.
☆ 1查看技能
GitHub
server-actions
Create Next.js Server Actions with TypeScript following best practices for forms, mutations, validation, and error handling. Use when implementing server-side form handling, CRUD operations, or data mutations.
☆ 1查看技能
GitHub
react-19-compiler
React 19 patterns and React Compiler optimization guidance. Understand when to use manual memoization vs letting the compiler optimize, and leverage new hooks like useActionState and useFormStatus.
☆ 1查看技能
GitHub
structured-logging
Structured logging patterns with Pino for Next.js applications. Covers log levels, context enrichment, child loggers, and production best practices.
☆ 1查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。