GitHub
app-builder
新規 App 基盤構築スキル。 FastAPI + PostgreSQL + Redis + Alembic + React の完全な App 骨架を自動生成。 ユーザーの要件に基づいてカスタマイズ可能。
☆ 1View skill
Lifestyle AI Skills
Discover Lifestyle skills, compare source repositories and read the instructions for each workflow.
Categories: Lifestyle
Lifestyle Clear filters
Browse skills
GitHub
nextjs16-proxy-middleware
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...
☆ 1View skill
GitHub
frontend-patterns
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,...
☆ 1View skill
GitHub
server-actions-patterns
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...
☆ 1View skill
GitHub
yukyu-frontend-design-pro
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...
☆ 1View skill
GitHub
frontend-shadcn
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...
☆ 1View skill
GitHub
tanstack-start
TanStack Start SSR framework. Use for server functions, API routes, SSR modes, middleware chains, server-only code
☆ 1View skill
GitHub
backend-fastify
Backend development using Fastify + TypeScript. Use when creating new backend APIs, adding routes, implementing services, working with plugins, or configuring environment variables.
☆ 1View skill
GitHub
tanstack-form
Create forms with TanStack Form and React Aria Components. Use when building forms, implementing validation, handling form submissions, or creating reusable form fields.
☆ 1View skill
GitHub
integration-patterns
Complete flow examples combining TanStack Form, Query, Router, and Start. Use when implementing end-to-end features that span multiple systems.
☆ 1View skill
GitHub
nextjs-15
Next.js 15 App Router patterns. Trigger: When working with Next.js - routing, Server Actions, data fetching.
☆ 1View skill
GitHub
web-trpc-setup
Sets up tRPC queries and mutations in web components
☆ 1View skill
GitHub
web-trpc-setup
Sets up tRPC queries and mutations in web components with proper typing, React Query integration, and error handling.
☆ 1View skill
GitHub
mobile-component-generator
Generates React Native components following GradientPeak mobile patterns with NativeWind styling, React Native Reusables, and proper hooks.
☆ 1View skill
GitHub
component-development
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...
☆ 1View skill
GitHub
page-style
page.tsx のコーディングスタイルガイド
☆ 1View skill
GitHub
zustand-5
Zustand 5 state management patterns. Trigger: When managing React state with Zustand.
☆ 1View skill
GitHub
tanstack-table
Build data tables with TanStack Table and React Aria Components. Use when creating tables, implementing sorting, filtering, pagination, row selection, or column visibility.
☆ 1View skill
GitHub
react
React hooks + performance patterns. Use for useEffect, useMemo, useCallback, memo, rerender, derived state, performance, bundle, optimize, hooks, state, useTransition, Promise.all, waterfall, async
☆ 1View skill
GitHub
react-19
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
☆ 1View skill
GitHub
tailwind-4
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
☆ 1View skill
GitHub
error-boundaries
React error boundaries + fallback UIs. Use for error, catch, boundary, fallback, recovery, crash, ErrorBoundary, errorComponent, reset
☆ 1View skill
GitHub
tanstack-query
Use TanStack Query for data fetching and caching. Use when implementing queries, mutations, infinite queries, or cache invalidation.
☆ 1View skill
GitHub
tanstack-router
TanStack Router file-based routing. Use for routes, params, search params, navigation, loaders, auth guards, layouts, nested routes, redirect
☆ 1View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.