Claude Code Skills·Claude Skills·The open SKILL.md registry for Claude
ClaudSkillsEngineering › Frontend › Page 9

Frontend (Page 9 of 18)

1035 Claude Code skills in the Frontend sub-category of Engineering.

1,035 skills · updated 2026-06-12 · showing 481–540 of 1,035 by quality score

For the full experience including quality scoring and one-click install features for each skill — upgrade to Pro.

.NET MAUI safe area and edge-to-edge layout guidance for .NET 10+. Covers the new SafeAreaEdges property, SafeAreaRegions enum, per-edge control, keyboard avoidance, Blazor Hybrid…
Turn vague feedback, screenshots, taste, frustration, or half-formed product intuition into an implementation-ready prompt for a coding agent.
Central message routing for Photino.NET: {type,payload} format, HandleMessage dispatch, Send helper, event wiring, Svelte 5 component patterns, IAsyncDisposable in sync contexts.
Reference card for every middleware shipped by Remix v3 — `logger`, `compression`, `staticFiles`, `formData`, `methodOverride`, `session`, `csrf`, `cop`, `cors`, `asyncContext`,…
Convert frontend page từ aic-yokohama-weekly-mansion-FE sang hotel-management-fe. Giữ nguyên 100% UI style (màu sắc, kích thước), refactor code sạch sẽ, chia component rõ ràng và…
Switch this repository from one nyann profile to another. TRIGGER ON: 'switch profile', 'migrate profile', 'change this repo profile', 'switch from X to Y', 'change profile to',…
Build MindNode-inspired mind mapping interfaces — 8 node shapes, 27+ themes, layout algorithms (horizontal, vertical, radial with D3), keyboard shortcuts, focus mode, dual view.
Mitosis lets you write UI components once and compile them to React, Vue, Angular, Svelte, Solid, Qwik, and more.
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture.
Build clean, modern React components that apply common best practices and avoid common pitfalls like unnecessary state management or useEffect usage
Monitoring and observability for Next.js — Sentry error tracking, structured logging with Pino, OpenTelemetry tracing, health checks, uptime monitoring, alerting.
Use when integrating MonoCloud authentication into a Next.js application — installing or configuring `@monocloud/auth-nextjs`, wiring `authMiddleware()` in…
Morning Star (启明星) 跨角色通用编码行为准则 —— Think Before Coding(显式假设、不静默猜测)、Simplicity First(最小实现、拒绝投机抽象)、Surgical Changes(只改与任务直接相关的行、不顺手重构、不 piggyback)、Goal-Driven…
myMoney-frontend (Vite + React + TypeScript bütçe kontrol uygulaması) için mimari rehberi ve scaffold asistanı.
Ad-hoc development workflow for implementing features, fixing bugs, and making code changes outside a formal plan.
Next.js specific patterns including App Router, React Server Components, Server Actions, streaming, caching, and Vercel deployment.
Use when working with Next.js 15 features, App Router, Server Components, Server Actions, or data fetching patterns.
Expert Next.js 16 with Turbopack, App Router, Cache Components, proxy.ts, React 19. Use when building Next.js apps, routing, caching, server components, or migrating from v15.
Creates a Next.js App Router API route (route.ts) with GET, POST, PUT, PATCH, or DELETE. Use when the user asks to add an API endpoint, create a REST route, build backend handler,…
Deep expertise in Next.js App Router patterns including route groups, parallel routes, intercepting routes, layouts, and loading states.
Expert in Next.js 14/15 App Router architecture, React Server Components (RSC), Server Actions, and modern full-stack React development.
Next.js App RouterでのServer Components / Server Actions / Route Handlers等の使い分けガイド。「Server ComponentとClient Componentの違い」「Server Actionsの使い方」「revalidatePath/revalidateTagの違 — from…
Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.
Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching.
Provides authentication implementation patterns for Next.js 15+ App Router using Auth.js 5 (NextAuth.js).
Next.js App Router principles. Server Components, data fetching, routing patterns.
Advanced patterns for production Next.js web chatbots built with AI SDK 6 + ai-elements. Covers tool calling with human-in-the-loop (HITL) approval, PostgreSQL session…
Provides comprehensive code review capability for Next.js applications, validates Server Components, Client Components, Server Actions, caching strategies, metadata, API routes,…
Provides Next.js App Router data fetching patterns including SWR and React Query integration, parallel data fetching, Incremental Static Regeneration (ISR), revalidation…
Provides comprehensive patterns for deploying Next.js applications to production. Use when configuring Docker containers, setting up GitHub Actions CI/CD pipelines, managing…
Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middleware, set up API rou — from…
Expert Next.js developer specializing in Next.js 14+, App Router, Server Components, and modern React patterns.
Next.js 16.2.4 with TypeScript — App Router, Server Components, use cache directive, Turbopack dev, Server Actions, ISR, SSR, SSG, MCP devtools, metadata API, route handlers,…
Next.js development tooling via MCP. Inspect routes, components, build info, and debug Next.js apps. Use when working on Next.js applications, debugging routing, or inspe — from…
Next.js development tooling via MCP. Inspect routes, components, build info, and debug Next.js apps. Use when working on Next.js applications, debugging routing, or inspe — from…
Expert Next.js 14+ developer specializing in App Router, React Server Components, Server Actions, TypeScript, and modern full-stack patterns.
Next.js 15 프론트엔드 개발 가이드라인 — U2DIA e-Commerce AI Platform. App Router, Server/Client Components, shadcn/ui, Tailwind CSS 4, Zustand 상태관리, 멀티 테넌트 프론트엔드, Recharts/D3.js 데이터 시각화, 한국어…
Build production Next.js applications with App Router patterns, server components, data fetching strategies, authentication, and deployment.
Next.js App Router + Bun + Drizzle ORM + Better Auth + Tailwind CSS + Biome ile full-stack proje kurulumu, authentication entegrasyonu ve DB workflow'ları.
Développement d'applications Next.js avec App Router, Server Components, SSR, ISR, API routes et middleware.
Next.js 16 internationalization with next-intl or DIY. Use when implementing i18n, translations, localization, multilingual, language switch, locale routing, or formatters.
Next.js 14+ App Router patterns including RSC, ISR, middleware, parallel routes, and data fetching
기존 HTML/CSS 정적 사이트를 Next.js 14 App Router 기반으로 마이그레이션하는 스킬. 'Next.js로 전환', '컴포넌트 만들어줘', 'App Router 구조 잡아줘', 'React로 바꿔줘' 요청 시 이 스킬을 사용할 것. next export 정적 배포 설정 포함.
Optimize Next.js 15 applications for performance, Core Web Vitals, and production best practices using App Router patterns
Writes Next.js App Router code — Server Components, Server Actions, RSC boundaries, route handlers, caching, and streaming — matching framework conventions and project…
Expert Next.js performance optimization skill covering Core Web Vitals, image/font optimization, caching strategies, streaming, bundle optimization, and Server Components best…
Expert guide for Next.js 14+ App Router projects. Use when building features, routing, server/client components, forms, layouts, or debugging Next.js-specific issues.
Next.js 14+ 项目规范,涵盖 App Router、SSR/SSG、流式渲染、路由与布局、数据获取、中间件、元数据与 SEO。当用户在 Next.js 项目中创建、修改页面或模块时自动激活。
Expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind
Next.js プロジェクトの初期セットアップ手順。create-next-app の選択肢固定(App Router / TypeScript / ESLint)、ディレクトリ規約、npm scripts 標準化。
Senior Next.js 15+/16 Engineer skill for App Router. Use when scaffolding production apps, enforcing RSC patterns, auditing codebases, or optimizing performance.
Use when writing a Next.js Server Action that accepts user-submitted form data, mutation parameters, or any client-originated input.
React Server Components patterns for Next.js 16. Server vs Client boundaries, async components, data fetching, serialization rules, streaming with Suspense.
create-next-app 直後の Next.js プロジェクトに対して、Prettier・shadcn・Dockerfile(Node.js 24)・AGENTS.md・GitHub Actions CI の初期設定を行う。"next.js セットアップ"、"nextjs 初期設定"、"shadcn 初期化"、"nextjs…
Next.js 16+ complete stack with App Router, Prisma 7, Better Auth, shadcn/ui, TanStack Form, Zustand. Use as the master reference combining all framework skills.
Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.
Guides implementation of Next.js 15 App Router features with Supabase SSR. Helps choose between Server/Client Components, select correct Supabase client, and follow security…
TanStack Form v1 for Next.js 16 with Server Actions, Zod validation, and shadcn/ui integration. Use when building forms, validation, multi-step wizards, or dynamic field arrays.
TanStack Query v5 integration with Next.js 16. Server-side prefetching, hydration, useQuery, useMutation, cache management.
Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.
All Engineering skills →
More in EngineeringTesting (2,448) · Devops (2,410) · Architecture (1,778) · Backend (1,375) · Languages (880) · Cloud Platforms (802) · Code Quality (774) · Databases (568) · Performance (517) · Mobile (379) · Observability (272) · Data Engineering (230) · Docs Engineering (197) · Workflow Orchestration (170) · ML AI Eng (144) · API Tooling (15)