tanstack-form
Use TanStack Form for complex forms with Zod validation. Use when building non-trivial forms or admin editors.
اپنے ایجنٹ کے لیے موزوں صلاحیت تلاش کریں۔
Use TanStack Form for complex forms with Zod validation. Use when building non-trivial forms or admin editors.
Ensure UI/UX stays simple and mobile-first for non-technical users. Use when creating or modifying any UI components, layouts, forms, navigation, or user-facing text. Prevents complex designs and enforces permission-based changes.
Implement fullscreen functionality using screenfull library for cross-browser fullscreen support in ng-events project
Pattern dùng react-hook-form + Shadcn Form + next-intl trong repo này (client forms, admin/forms).
Angular Material v20 UI component library for Angular 20+ applications. Use when implementing Material Design components, theming, forms, tables, dialogs, navigation, or building Material-based UI. Covers component APIs, accessibility, and best practices for Material 20.
Refactor high-complexity React components into smaller, testable pieces with clean hooks and predictable data flow.
Advanced patterns for Next.js 16 including cache components, server components, and error handling. Use when building pages, implementing data fetching, setting up caching strategies, or handling errors in Next.js applications.
UI 架构与组件开发规范。涵盖 shadcn/ui 集成、Tailwind CSS 使用、动画标准以及自定义组件原则。
@ngrx/signals state management for Angular 20+ using pure reactive patterns with signalStore, rxMethod, and computed signals. Use when implementing reactive state, creating stores, managing async operations, or building signal-based architecture. Replaces traditional NgRx with simpler, more performant signal-based approach.
Build features in TanStack Start (server/client boundaries, server functions, SSR-friendly data loading). Use when creating routes, server functions, or anything involving SSR/hydration/caching.
Implement dynamic resolution scaling for React Three Fiber / Three.js by adjusting DPR based on measured FPS. Use when asked to add adaptive performance scaling, automatic DPR tuning, or a DynamicResScaler-style component in a R3F scene.
Check a React component against its Figma design source and identify differences. Use when reviewing component implementations, syncing designs, auditing visual accuracy, or updating components to match new Figma designs.
Find and compare Nuxt modules for specific features. Use when users need to add functionality via modules (auth, UI, database, etc). Do not use for basic Nuxt concepts.
Build or update Astro UI components in src/components with consistent styling and props. Use when creating new UI sections or refactoring existing components.
Guidelines for implementing performant, accessible React forms using isolated field components, custom hooks, and server actions (`useActionState`/`useFormStatus`). Use for building FormData-friendly forms and enforcing TypeScript patterns.
Skills for working with Angular Material v20 (@angular/material: "~20.0.0") UI component library in Angular applications.
Blazor-specific patterns for components, JS interop, and state management