app-builder
新規 App 基盤構築スキル。 FastAPI + PostgreSQL + Redis + Alembic + React の完全な App 骨架を自動生成。 ユーザーの要件に基づいてカスタマイズ可能。
发现 生活与效率 相关 Skills,比较来源仓库和用途,查看适合你工作流的技能说明。
新規 App 基盤構築スキル。 FastAPI + PostgreSQL + Redis + Alembic + React の完全な App 骨架を自動生成。 ユーザーの要件に基づいてカスタマイズ可能。
Comprehensive guide for implementing Next.js 16 proxy pattern for authentication and route protection. Covers the new proxy.ts API, protected route patterns, authentication middleware, and best practices for se...
CRITICAL: Use this skill when creating/debugging React UI components, Radix UI, forms, modals, or drag & drop. AUTO-ACTIVATE when user mentions (FR/EN): - select, Select, SelectValue, SelectItem, Radix - modal,...
Comprehensive patterns and best practices for Next.js 16 Server Actions including mutations, error handling, revalidation, type safety, and form handling. Use when user needs to create, modify, or debug server...
Diseñador Frontend Pro para YuKyuDATA - Crea interfaces distintivas y production-ready. Especializado en vanilla JS ES6+, CSS moderno, Chart.js, ApexCharts, y arquitectura frontend modular. Evita diseños genéri...
Frontend development using Vite + React + shadcn/ui + Tailwind CSS + React Router v7. Use when creating new frontend projects, adding UI components, implementing routing, styling with Tailwind, or working with...
TanStack Start SSR framework. Use for server functions, API routes, SSR modes, middleware chains, server-only code
Backend development using Fastify + TypeScript. Use when creating new backend APIs, adding routes, implementing services, working with plugins, or configuring environment variables.
Create forms with TanStack Form and React Aria Components. Use when building forms, implementing validation, handling form submissions, or creating reusable form fields.
Complete flow examples combining TanStack Form, Query, Router, and Start. Use when implementing end-to-end features that span multiple systems.
Next.js 15 App Router patterns. Trigger: When working with Next.js - routing, Server Actions, data fetching.
Sets up tRPC queries and mutations in web components
Sets up tRPC queries and mutations in web components with proper typing, React Query integration, and error handling.
Generates React Native components following GradientPeak mobile patterns with NativeWind styling, React Native Reusables, and proper hooks.
Patterns and best practices for developing React 19 components with Shadcn UI, Radix primitives, and Tailwind CSS 4 in Next.js 16. Covers accessibility, composition, variants, and server/client component patter...
page.tsx のコーディングスタイルガイド
Zustand 5 state management patterns. Trigger: When managing React state with Zustand.
Build data tables with TanStack Table and React Aria Components. Use when creating tables, implementing sorting, filtering, pagination, row selection, or column visibility.
React hooks + performance patterns. Use for useEffect, useMemo, useCallback, memo, rerender, derived state, performance, bundle, optimize, hooks, state, useTransition, Promise.all, waterfall, async
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
React error boundaries + fallback UIs. Use for error, catch, boundary, fallback, recovery, crash, ErrorBoundary, errorComponent, reset
Use TanStack Query for data fetching and caching. Use when implementing queries, mutations, infinite queries, or cache invalidation.
TanStack Router file-based routing. Use for routes, params, search params, navigation, loaders, auth guards, layouts, nested routes, redirect
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。