react-component-expert
Expert in creating React components for Obsidian plugins with proper TypeScript types and integration
اپنے ایجنٹ کے لیے موزوں صلاحیت تلاش کریں۔
Expert in creating React components for Obsidian plugins with proper TypeScript types and integration
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
Manage i18next translations and localisation in React with TypeScript. Use when adding translations, creating language files, implementing i18n, or when user mentions translations, localisation, i18next, languages, or multi-language support.
Modern JavaScript and TypeScript development patterns
Advanced TypeScript types including generics, conditionals, and mapped types
Create utility functions and helper modules for React applications with TypeScript. Use when creating utilities, helper functions, common logic, or when user mentions utils, helpers, or shared functions.
Claude implements enterprise TypeScript authentication with Better Auth. Use when building auth systems, adding OAuth providers, enabling MFA, or managing sessions in TypeScript/Next.js projects.
Comprehensive Bun runtime expertise covering all major features. Use when working with Bun projects, migrating from Node.js, or leveraging Bun-specific APIs. Activates for: Bun.serve, Bun.file, bun:test, bun:sqlite, bun install, bun build, bunfig.toml, TypeScript in Bun, package manager operations, bundler configuration, and Node.js compatibility questions.
Use this skill whenever the user wants to set up, improve, or run frontend tests (unit, component, and E2E) for a Next.js (App Router) + TypeScript + Tailwind + shadcn/ui project using Vitest/Jest, React Testing Library, and Playwright.
Foundational TypeScript patterns covering types, interfaces, generics, utility types, and common idioms. Use when writing TypeScript code, understanding the type system, or needing guidance on which specialized TypeScript skill to use. This is the entry point for TypeScript development.
Guide for implementing Better Auth - a framework-agnostic authentication and authorization framework for TypeScript. Use when adding authentication features like email/password, OAuth, 2FA, passkeys, or advanced auth functionality to applications.
Write TypeScript/React code following Semicolon team standards with DDD architecture, Supabase integration, and TDD approach. Use when developing Next.js features.
TypeScript with popular frameworks like NestJS, React, and Next.js
Default TypeScript stack for Lambda: pnpm workspaces + Turbo, strict TS, and sensible DX helpers.
TypeScript development with advanced type safety, generics, utility types, and best practices
TypeScript patterns for Node.js backends, testing, and type-safe development. Use when writing TypeScript/Node.js code.
Esta skill debe usarse cuando el usuario pide "dominar el sistema de tipos de TypeScript", "implementar tipos genéricos", "crear tipos condicionales", "refactorizar biblioteca TypeScript", "refactorizar tipados", "migrar de JavaScript a TypeScript", "diseñar tipos seguros", "crear utilidades de tipos reutilizables", o menciona planificación de bibliotecas Typescript, tipos literales de plantilla, o tipos utilitarios. Proporciona guía completa para construir aplicaciones type-safe con el sistema de tipos avanzado de TypeScript.