Claude Code Skills·Claude Skills·The open SKILL.md registry for Claude
ClaudSkills › Engineering › Frontend › Page 14

Frontend (Page 14 of 30)

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

1,764 skills · updated 2026-10-25 · showing 781–840 of 1,764 by quality score

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

Verify MaterialTrace tickets against source-of-truth behavior and acceptance criteria. Use for test planning, regression checks, acceptance evidence, bug review, completion…
.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.
Scaffolds MCP App project structure with correct directory layout, dependencies, entry points, and framework-specific templates.
Renderiza cualquier árbol de Markdown (docs/, ADRs, runbooks, notas, specs) a un documento HTML autocontenido con portada e índice — y opcionalmente a PDF.
Central message routing for Photino.NET: {type,payload} format, HandleMessage dispatch, Send helper, event wiring, Svelte 5 component patterns, IAsyncDisposable in sync contexts.
Cria landing pages de alto impacto visual com HTML/CSS/JS puro. Zero build step, zero dependencia, hospedagem Netlify. Pipeline automatizada da copy ao deploy.
Reference card for every middleware shipped by Remix v3 — `logger`, `compression`, `staticFiles`, `formData`, `methodOverride`, `session`, `csrf`, `cop`, `cors`, `asyncContext`,…
Migrate a React-only component to the shared core/React/Vue architecture
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.
React/Next.js component design patterns, state management strategies, and project structure reference for frontend development.
React Native mobile development patterns - New Architecture (Fabric, TurboModules, JSI), component architecture, React Navigation 7+, FlashList v2 optimization, gestures with…
React Navigation 7+ patterns - static and dynamic APIs, type-safe navigation, stack/tab/drawer navigators, deep linking, authentication flows, screen preloading, header…
React Native performance profiling, optimization, and monitoring - JS/UI thread analysis, re-render prevention, list optimization, image performance, bundle size, startup time,…
React Native patterns for cross-platform mobile apps. Use when building iOS/Android apps with React Native, Expo, navigation, device APIs, push notifications, or mobile-specific…
Conventions for an Expo SDK 54+ React Native app targeting iOS + Android. Use when .claude/HARNESS.toml selects mobile/react-native-expo, or when building cross-platform RN UI…
React Native Paper v5+ - Material Design 3 theming, PaperProvider, key components, dynamic color, accessibility, tree-shaking, custom fonts, navigation integration
Suggest MOC updates and new MOCs based on semantic clustering. Use when asked to "curate MOCs", "update maps", "find clusters", "what MOCs need updating", or "organize my notes".
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ı.
Design APIs using schema-first approach with OpenAPI/Swagger. Use when creating new APIs, documenting existing ones, or when frontend/backend teams need to work in parall — from…
Ad-hoc development workflow for implementing features, fixing bugs, and making code changes outside a formal plan.
Use when building cross-platform mobile applications with React Native or Expo. Invoke for navigation patterns, platform-specific code, native modules, FlatList optimization.
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.
Comprehensive Next.js v16 development with Cache Components, feature-based architecture, and best practices.
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,…
Next.js App Router 専用 API リファレンス(Pages Router / getStaticProps 等は非対応)。 Server Components, Server Actions, layout/page/loading/error ファイル規約, dynamic routes, parallel/intercepting…
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.
Special file conventions in Next.js 14+ App Router for pages, layouts, and API routes. PROACTIVELY activate for: (1) creating pages and layouts, (2) implementing loading and error…
Next.js App RouterでのServer Components / Server Actions / Route Handlers等の使い分けガイド。「Server ComponentとClient Componentの違い」「Server Actionsの使い方」「revalidatePath/revalidateTagの違 — from…
Provides guidance and reusable assets for implementing navigation in Next.js App Router. Covers file-based routing, dynamic routes, layouts, loading/error UI, protected routes…
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.
Next.js 16 standards — App Router only, server components by default with explicit `"use client"` boundaries, server actions for mutations, streaming Suspense, edge vs node…
Use when the user explicitly wants changed React or Next.js files audited against Vercel best practices with a bias toward high-impact issues.
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,…
Apply Next.js conventions for schema-validated input, Server Components by default, Server Actions with typed results, forward-only migrations, and consented analytics.
Next.js 15 App Router patterns, React components, API routes, and state management for the Language Operator dashboard
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…
Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke for full-stack features, performance optimization, SEO implementa — 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…
Next.js App Router から Dify Workflow API (`POST /v1/workflows/run`) を **生 fetch** で呼び出し、ファイルアップロード → ワークフロー起動 → SSE (`response_mode: "streaming"`) のイベントを Route Handler…
All Engineering skills →
More in EngineeringTesting (4,356) · Devops (3,948) · Architecture (3,203) · Backend (2,624) · Languages (1,535) · Code Quality (1,513) · Cloud Platforms (1,362) · Databases (927) · Performance (896) · Mobile (660) · Observability (465) · Data Engineering (410) · Docs Engineering (343) · Workflow Orchestration (304) · ML AI Eng (285) · API Tooling (25)