astro-i18n
Update UI copy and labels in the Astro i18n system (src/i18n/ui.ts and src/i18n/utils.ts). Use when adding or changing UI text in multiple languages.
business-feature-removal
Safely remove business-related UI/routes without breaking navigation or runtime.
nextjs-app-router
Next.js 16 App Router patterns for this repo (await params/searchParams, next-intl locale handling, Supabase DB-first via services).
frontend-development
Guide for developing the dashboard frontend using React, TypeScript, MUI, Vite, React Query, and Zod. Use this when creating or modifying UI components, data fetching hooks, or frontend business logic.
page-creation
Next.js App Router ile yeni sayfa oluşturma. Dashboard altına yeni modül sayfası, alt sayfalar, loading/error durumları ve layout yapılandırması dahil. Türkçe UI metinleri, PageHeader, breadcrumbs ve proje yapısına uygun dosya organizasyonu sağlar.
angular-router
Angular Router for navigation, routing configuration, route guards, lazy loading, and parameter handling. Use when setting up routes, implementing navigation guards, lazy loading modules, handling route parameters, or implementing breadcrumbs and nested routes in Angular applications.
sbox-ui-razor
Create UI in S&box using Razor (HTML/CSS/C# hybrid system). Use when building HUDs, menus, healthbars, inventory systems, or any in-game UI. Covers ScreenPanel vs WorldPanel, data binding, state management, BuildHash optimization, and interactive elements.
react-form-instructions
This guide describes the best practices for creating forms in React using modern hooks (useActionState, useFormStatus) with a component-based architecture that optimizes re-rendering and maintains clean separation of concerns. Use this when asked to create or update forms in "react".
delontheme-integration
Implement ng-alain theming system with layout configuration, responsive design, menu management, and settings drawer for ng-events project
angular-material
Angular Material component library expertise for Angular 20+ applications. Use when implementing Material Design components (buttons, forms, dialogs, tables, navigation), theming, accessibility, or building Angular UI with pre-built Material components. Covers all Material modules, component APIs, and best practices.
rxjs-patterns-for-angular
Implement RxJS patterns for reactive programming in Angular. Use this skill when working with Observables, operators, subscriptions, async data flows, and error handling. Covers common patterns like combineLatest, switchMap, debounceTime, catchError, retry logic, and integration with Angular Signals using toSignal() and toObservable(). Ensures proper subscription cleanup with takeUntilDestroyed().
angular-20-control-flow
Angular 20 built-in control flow syntax (@if, @for, @switch, @defer) for modern template programming. Use when writing templates with conditional rendering, loops, switch statements, or lazy loading components. Replaces *ngIf, *ngFor, *ngSwitch with new block syntax for better performance and type safety.
design-system-patterns
Design system patterns for reusable UI via atomic design, Tailwind tokens/variants, and accessibility. Use when creating atoms/molecules, theming, or hardening a11y.
angular-forms
Angular Reactive Forms for form building, validation, and state management. Use when creating forms, implementing validators, handling form submissions, building dynamic forms, or integrating forms with NgRx Signals in Angular applications. Covers FormControl, FormGroup, and FormArray.
front-end-developer-vue
Expert Vue.js front-end developer specializing in reactive, performant, and maintainable user interfaces with clean separation of concerns using Vue 3 + Composition API. Use this skill when the task involves designing, building, refactoring, styling, optimizing, or advising on Vue.js components, pages, layouts, forms, reactivity, performance, Tailwind + Shadcn/ui styling, or user experience in modern web applications.
context-pattern
Provides a React Context implementation pattern using useSyncExternalStore, with types, hooks, and examples. Be specific about capabilities and when to use the skill.