Complete reference for the Flow CLI — the command-line tool for developing, testing, and deploying on the Flow blockchain.
Flowbite Svelte component documentation lookup. MUST be used whenever creating or editing UI components that use Flowbite Svelte.
Next.js 16 with React Server Components and Tailwind 4. Server-first by default, streaming with Suspense, server actions over API routes, app router conventions, async page…
Forge playbook for full-stack apps — frontend + backend + database + auth. Use for full-stack, SaaS, CRUD app, Postgres, Supabase, JWT, session, signup, dashboard.
Rules-of-Hooks discipline for React. Hooks must be called unconditionally at the top of a component or another hook - never inside an if/else, loop, ternary, short-circuit (&& /…
To manage form state, validation, and submission efficiently without causing excessive re-renders, unlike controlled components.
End-to-end form handling with react-hook-form, Zod schemas, validation patterns, error messaging, field arrays, and multi-step wizards.
i18n cho React apps — react-intl, FormatJS. Dùng khi implement đa ngôn ngữ, format số/ngày/tiền tệ chuẩn theo locale.
Forms knowledge base - react-hook-form, Zod validation, Server Actions, file upload, multi-step forms.
ACTIVATE when the user works on authentication in Laravel. This includes login, registration, password reset, email verification, two-factor authentication (2FA/TOTP/QR…
End-to-end Frappe and ERPNext implementation guidance spanning backend Python, backend JavaScript surfaces, Vue or React frontends, customizations, and bench-aware delivery.
Senior Front-End Developer expertise in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS, and modern UI/UX frameworks
React, components, state management, and modern frontend concepts. Activated when Claude works with .jsx/.tsx files or React-related code. Most vibecoded apps use React.
Frontend-specific technical decision criteria, anti-patterns, debugging techniques, and quality check workflow.
Use when creating API services for backend communication with proper patterns for caching, error handling, and type safety. — from engineering/frontend
Use when creating or modifying Angular components in Frontend (Angular 19) with proper base class inheritance, state management, and platform patterns.
Use when creating or modifying Angular components in WebV2 (Angular 19) with proper base class inheritance, state management, and platform patterns.
Use when creating reactive forms with validation, async validators, dependent validation, and FormArrays using platform patterns. — from engineering/frontend
Use when editing Angular TypeScript files (.ts, .tsx) in src/Frontend/ or libs/. Provides component hierarchy, state management with PlatformVmStore, API services, reactive forms,…
Use when implementing state management with PlatformVmStore for complex components requiring reactive state, effects, and selectors. — from engineering/frontend
Guide for building robust API integration layers in React/TypeScript applications. Use when implementing HTTP clients (axios/fetch), request/response interceptors, authentication…
Conventions for a client-side SPA or SSG that consumes APIs it does not own. Use when .claude/HARNESS.toml selects web/frontend-app, or when building a React/Vue/Svelte app with a…
Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a redesi — from…
Frontend stack decisions, Cloudflare deployment patterns, component systems, and internal tools architecture.
Frontend package architecture for ChainGraph visual flow editor. Use when working on apps/chaingraph-frontend, React components, Effector stores, XYFlow integration, UI…
Review a frontend architecture at scale and gate micro-frontend adoption BEFORE building. The first step is an adopt-or-don't-adopt decision (default: you probably do not need…
تحليل شامل للتكامل بين الواجهة (TypeScript/React/Next.js) والخلفية (Node.js/Express .mjs) من حيث العقود، توافق الأنواع، runtime guards، ومعالجة الأخطاء.
Standard-Stack, Backend-Anbindung (n8n-Webhook / FastAPI / AI-Streaming) und Vercel-Deploy für Next.js/React-Frontends.
Best practices and guidelines for building premium, responsive frontend UIs in Flutter with Firebase integration.
Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change reviews and focused file reviews while applying the checklist…
Conducts comprehensive frontend code reviews including React/Vue/Angular component analysis, TypeScript/JavaScript quality assessment, CSS/styling review, performance…
Build reusable, composable, and maintainable React/Vue/Angular components following established design patterns like compound components, render props, custom hooks, and HOCs.
Frontend component file structure, naming, and layer separation for new or refactored components.
Build React components, pages, forms, and state management with TypeScript and TanStack Query. Use for frontend development, component creation, routing, and data fetching.
Especialista em Frontend Mobile-First, UX Black & Orange, Sistema de Cache Offline (IndexedDB), Navegação SPA v3.0 e Performance.
Quality gates for frontend code. ALWAYS use after writing React/Next.js code and before delivery. Covers: ESLint linting, TypeScript type-checking, Prettier formatting, browser…
Systematic 10-phase debugging procedure for SvelteKit 2 + Svelte 5 frontend issues. Use when components fail to render, routing breaks, runes throw errors, or Encore client calls…
Comprehensive web app testing with Playwright ensuring 100% UI coverage. Automatically crawls entire web app, analyzed the implementation code and captured ALL interactive…
Fix generic Svelte component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
Enterprise React architecture combining DDD and FSD patterns. Use when (1) designing or structuring React applications, (2) implementing Index/Types/Styles component pattern, (3)…
Create distinctive, production-grade React/TypeScript frontends with exceptional design quality
Create distinctive, production-grade Svelte/TypeScript frontends with exceptional design quality
Create distinctive, production-grade Vue 3/TypeScript frontends with exceptional design quality
Frontend development guidelines for Next.js + React 19 + shadcn/ui applications. Modern patterns including App Router, Server Components, Client Components, Server Action — from…
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features dir — from…
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features dir — from…
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features dir — from…
Frontend development guidelines for Next.js + React 19 + shadcn/ui applications. Modern patterns including App Router, Server Components, Client Components, Server Action — from…
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features dir — from…
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features dir — from…
Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture.
Comprehensive frontend development specialist for building modern web applications with React, Vue, Angular, and modern tooling including state management, testing, and…
Pro frontend engineering discipline. Enforces build-test-verify workflow for every web project. Never declare done until the site is built, tested, responsive, accessible, and…
Operate as a frontend engineer who defends UX quality, enforces performance budgets, and partners with design instead of just closing tickets.
Domain specialist for frontend architecture, state management, accessibility, and performance. Scope: component architecture, state management (Pinia, Vuex, Redux), accessibility…
Auto-invoke when reviewing React, Vue, or frontend component code. Enforces component architecture, state management patterns, and UI best practices.
Professional frontend standards for building, scaffolding, extending, or reviewing any UI or frontend project — new or existing — even when standards aren't explicitly asked for.
Conventions for decoupled/headless frontends — a React SPA (or Next.js) consuming Optimizely's Content Delivery API / Optimizely Graph (GraphQL) rather than Razor server…
Use when converting a design direction into maintainable production frontend code, selecting architecture within the existing stack, implementing semantics, assets, loading…
Frontend UI/UX work with Gemini CLI in --yolo mode. Use when (1) modifying visual/styling elements in frontend files (.tsx, .jsx, .vue, .svelte, .css), (2) implementing UI…